Recommended WYSIWYG editors?

[ethanpil]

Its been a while since I needed a WYSIWYG editor in a project.. Years ago from back in the CKEditor / TinyMCE editor days.

I'm wondering what the group here can recommend? 

• Open source
  
• Easy integration with F3
• Standards compliant
• Lightweight
• Drag & Drop image upload

Thanks for your always useful insights...

[ved]

TinyMCE and CKEditor still exist afaik.

I've personally used http://alex-d.github.io/Trumbowyg/ and it worked pretty well.

It has an image upload plugin but I don't think it supports drag & drop.

Still, searching the web for something like "html5 wysiwyg editor" or "js wysiwyg editor" gives a bunch of results with several comparison articles, etc.

You can also consider using a Markdown editor. Not quite the same, but it's been adopted by a few companies (e.g.: the ghost blog editor) and F3 also has its Markdown class.

[Summer White]

I use CKEditor on a daily basis. It is virtually the best and most updated WYSIWYG editor. There are others but none with the plethora of community support already around. I wouldn't bother with anything else.

</endsalespitch>

[ethanpil]

After some research, I am seriously considering trying https://simplemde.com/ markdown editor. Looks quite simple and nice. Additionally with this snippet and a PHP receiver I will be able to drag in and paste images like on GitHub...

[bcosca]

You might also want to look at MediumEditor which features a floating toolbar.

[Summer White]

I'd also recommend to read this about content editable. Its a bit in depth for someone just looking for a WYSIWYG editor but it gives you an appreciation of the complexities and crazyness that is required to do these sorts of editors right.

http://ckeditor.com/blog/ContentEditable%E2%80%8A%E2%80%94%E2%80%8AThe-Good-the-Bad-and-the-Ugly

On Monday, 6 February 2017 16:05:12 UTC, ethanpil wrote:

[Suki]

I've been using summernote:  http://summernote.org  it already uses bootstrap so it goes along with F3 and has the cool feature of embedding images directly into your posts (encoded images) 

The only "but" I have is that extending its functionality its somehow difficult and/or tedious, adding a new button with custom behavior took me quite a few lines of code.

[ikkez]

I used the medium-editor, which works fine for frontend-editing

[tom chris]

I use NicEdit is a Lightweight, Cross Platform, Inline Content Editor

[Ekom Otu]

I've also personally used http://alex-d.github.io/Trumbowyg/ and it is really great

[bcosca]

If your target users are HTML-savvy, you might also want to consider CodeMirror . Works wonderfully with code highlighting.

[GauravK]

I just used quilljs. Took just a few minutes for a newbie to drop it in, but it saves data in a JSON format which may or may not be what you're looking for. If you just want to get the raw html from the editor, you can just get the editor.innerhtml which gives you all the html tags and text directly.