Comparison of web editors

There are mainly two types of web editors, rich text editor and markdown editors.

Rich text editor#

• quill ★ 32648 - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
• slate ★ 24351 - A completely customizable framework for building rich text editors.
• draft-js ★ 21706 - A React framework for building text editors.

Markdown editor#

• tui.editor ★ 12816 - Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.
• milkdown ★ 6129 - Plugin driven WYSIWYG markdown editor framework.
• vditor ★ 5k - Easy-to-use Markdown editor, born to adapt to different application scenarios
• rich-markdown-editor ★ 2.7k - The open source React and Prosemirror based markdown editor that powers Outline.

Requirements#

• Easy to edit and preview, and prefer live view.

• Add and edit tables

• Copy some text from a web page, and then paste it to the editor. It can get the most formatting from the souce. (note that most editor does not do it well)

Conclusion#

Most editors do not satisfy the requirements 2 and 3. The final candidates are quill and tui.editor.

Reference#

Thanks to this list.