JavaScript富文本/Markdown编辑器大全
写于2022年04月16日

很多地方都会用到富文本编辑器和Markdown编辑器,我看得挺多,总结一些可以用的编辑器。

富文本

百度编辑器

百度编辑器 是国产老牌的富文本编辑器了。国内各大自媒体编辑器的源头都来自于它。

优点:最老
缺点:不再维护了

NEditor

Neditor: Neditor是基于Ueditor的一款现代化界面的富文本编辑器。

优点:图标换成SVG的了,在大屏上美观一些
缺点:也不再维护了,甚至官网也没了。

TINYMCE

TINYMCE 也是老款编辑器了,不知道是哪国产品

CKEditor

CKEditor 一路版本升级上来,后面渐渐把上传文件管理放到另一个库里了似乎。个人不爱用。

Markdown 编辑器

码农们可能更钟情于 Markdown 编辑器

Vditor

Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React、Angular,提供桌面版

有三种编辑模式可以用。非常值得在项目中选用。

SimpleMDE

https://simplemde.com/

其它神器

Lexcial

https://lexical.dev/ Facebook刚推的编辑器框架,可以做富文本,也可以做Markdown。截图的下半部分就是富文本的数据结构。

TipTap

TipTap 是基于 ProseMirror 开发的编辑器。

Editor.js

Lexcior和Editor.js的理念有点接近,都是基于一个数据结构来编辑和渲染数据。

Editor.js的表现更像Notion一点。它导出的文档结构是一个JSON对象。