I Need A Rich Text Editor - More Than Medium, But Not Too Much

[Antony]

Hey everyone…

At the heart of my app is an email based messaging system for which I need just the right rich text editor for my users. Here are the features I need:

User Editing Features Required

• Bold, Italic, Underline
• Left, Right, Centre
• Numbered and Bulleted Lists
• Change Text Colour
• Links to web page
• Images

User Editor Features NOT required

• Change Font
• Choice of H1, H2, P etc
• Tables

Output Format

• Either bbcode or HTML.

So Medium is far too simplistic: it doesn’t appear to give me colours, lists or images… but some other HTML editors give me too much…

So does anyone have experience with a rich text editor in Wappler which give me what I need but allows me to turn off what I don’t?

I’ve read the post about Summernote… it sounds like a good solution as the menus can be customised. @Marzio, did you get it to work successfully with images in the end? I recognise that the images should be stored as files. This is an important feature for me.

Many thanks!
Antony.

Summernote post:

Using an HTML editor with Wappler

What I meant was to send me a link to your live site, where I can check this.

[brad]

User Editing Features Required

• Bold, Italic, Underline
• Left, Right, Centre
• Numbered and Bulleted Lists
• Change Text Colour
• Links to web page
• Images

HI Antony, these are all available in the MEdium Editor except the text colour. But there was a workaround for that as well on the forums here using CSS I believe. All the rest can be done with Medium Editor.

Oh, and output is HTML.

[Hyperbytes]

It’s not an editor I have used but I believe users have found integrating Summernote relatively easy

Using an HTML editor with Wappler

I appreciate that Medium editor is available and will often replace the need for a typical HTML editor (CKEditor, TinyMCE etc.). However, it lacks many options that are typically found with HTML editors. If people are used to using the features of these editors (eg in this case, selecting colours/fonts etc.), it’s difficult to argue that they would be better off with fewer options. I decided Summernote would do the job (there’s a Bootstrap 4 version available and it’s quite lightweight). I tho…

[JonL]

If you feel adventurous here you have a fiddle with spectrum color picker integrated with medium editor.

https://jsfiddle.net/ay9cLgab/11/

I don’t feel comfortable enough to start deviating from Wappler core files but I took a look at Wappler’s implementation and it is feasible indeed. Although this requires JS coding knowledge.

[kfawcett]

I agree! It would be great if QuillJS was baked into Wappler.

[brad]

You may also want to take a look at this post:

Medium editor change font color, apply css

Is it possible to create a button that when pressed will inject html or coloured text at the end of the medium editor text? Sorry if stupid suggestion, am on holiday so not really in work mode

[Teodor]

There’s an alternative to medium editor in Wappler now - Summernote:

Using Summernote WYSIWYG Editor

Summernote is a simple to configure and easy to use WYSIWYG Editor available in Wappler. You can use it to format text/content and send it to the server side for example insert/update record. Inserting Summernote on your page You can use Summernote with a form or without a form. Using Summernote with a form In most of the cases you will be using Summernote with a form, in insert and update record forms. You can add Summer Note in your form using the Summernote Textarea component, located in…