Markdown编辑器 富文本编辑器 常见种类及选择 博客 Hexo

Markdown编辑器

Github List

• 9.8K tui.editor
  breadmemo Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible. http://ui.toast.com/tui-editor
• 8.7K editor.md
  The open source embeddable online markdown editor (component). http://editor.md.ipandao.com/
• 7.3K simplemde-markdown-editor
  A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking. https://simplemde.com

选择

tui.editor有很强大的扩展功能，甚至包括：拾色器、chart、UML和表格合并。
editor.md开源，且编辑器的工具栏工具很多：

相比之下，SimpleMDE工具栏就很清爽：

选第二个吧，开源。

• 2020-9-13 19:28:14
  editor.md 有一个缺憾：不能转换HTML到Markdown。
  

  

不过也有方法解决：持久化存储的时候，存两份：一份markdown原稿，一份解析后的HTML标签代码块。
以后查询就用HTML标签代码块，要更新(编辑)就读取markdown原稿，然后重新写入两份数据。
注意保持两地的数据一致性。

富文本编辑器

• 2020-9-12 17:50:02

  • draft.js 18.8K https://github.com/facebook/draft-js
    官网 https://draftjs.org/
  • quill 27.6K https://github.com/quilljs/quill
    官网 https://quilljs.com/docs/quickstart/
  • react-quill 3.8K https://github.com/zenoamaro/react-quill

draft 和 quill 对比： https://js.libhunt.com/compare-draft-js-vs-quill
quill 和其他编辑器对比： https://quilljs.com/guides/comparison-with-other-rich-text-editors/

github star trend

About the 2 markdown parser library:

日期\star数(K)\框架名	tui.editor	editor.md	simplemde-markdown-editor
2019-12-21	9.8	8.7	7.3
2022-04-03	14.4	12	8.9
2022-08-24	15.1	12.4	9.4

Markdown 解析框架 选用 editor.md

github repo https://github.com/pandao/editor.md
Usage demo http://editor.md.ipandao.com/

主要用户

使用示例 http://editor.md.ipandao.com/examples/index.html