Home
Starting Up
Case Studies DB
Products
Ideas DB
Vibe Coding Tools
Subscribe to IH+
Starting Up
Case Studies
Ideas DB
Products DB
Join
9
Likes
14
Comments
What is the best WYSIWYG editor?
by
Mantas
What rich text (WYSIWYG) editor are you using in your web apps?
I'm using draftjs for my project, krakensheet.com. I found it relatively nice to work with in general: it supports most rich text hotkeys out of the box, is style-able with CSS, and is pretty easily extensible with additional hotkeys/behavior.
One thing I don't like about it is that it doesn't natively support exporting into an html format - I needed to use a different library for it and it definitely felt like something that should have been baked in.
+1 for Draft.js, I've been working with it for a few months though. Word of warning to those who've never used it though: the initial learning curve is very high. Once you do learn it though it's very powerful. Another advantage is you can just use the draft-js-plugins-editor framework and bootstrap your editor with all the common functionality you'd expect from a modern WYSIWG editor, such as markdown support.
Have a look at https://trix-editor.org/
I also use trix. It's built by basecamp, so you know it will be maintained for awhile. So far, i like it.
Hi Mantas!
After using TinyMCE and Summernote for years, I switched to SimpleMDE, a markdown editor. It is hard to work with HTML output generated by TinyMCE and similar editors.
On the other hand, markdown is just like a plain-text that you can easily convert to different formats.
Editor.js is another good option if you are looking for a block-styled editor.
SimpleMDE is exactly what I was looking for to get rid of TinyMCE! Thanks for sharing it!
Awesome ✌️
I've had a very good experience with https://ckeditor.com/ I've used it for my internal note-taking app and I'm really happy so far :)
I'm using VSCode on a Mac, with an extension called LiveServer
We've been using Redactor (https://imperavi.com/redactor/) for quite a while and it works well. It's particularly good at removing the excess markup when users paste into the rich text box from Word or websites, which is a big plus. It's a commercial product though so you have to pay for it.
I'm using TinyMCE and Trumbowyg in a few sites.
TinyMCE has more features (like image upload which is not very difficult t implement) although it's heavier .
Trumbowyg is a lot lighter (8Kb gziped) but I think it generates a lot of uneccessary HTML tags.
For my personal site I'm really thinking about switching to a markdown editor as I'm not 100% with neither of those.
Using draftjs for https://versoly.com/
If you don't need anything custom and can use the plugins it is great. But to do custom work has been difficult.
Also as @krakensteve said the export HTML isn't built in. I couldn't get import working as well so I have had to save the raw and html to the database.
Hey Mantas!
I've been through many, many, many WYSIWYG editors over the years. Right now, IMO, the best you'll find is Quill. https://quilljs.com/
This comment was deleted 3 years ago