10 款 web 前端开发 富文本编辑器，你知道用过几款？

现在 富文本编辑器 还是很多，不同的富文本编辑器的用法还是有差别，但是掌握几种富文本编辑器还是很有必要的，说不定那个项目就需要用上，下面就介绍10款web前端开发人员常用的富文本编辑器，一起来看看！

Draft.js

Draft.js 是是
Facebook 开源的用于构建富文本编辑器的
JavaScript 框架。是
React 项目首选的富文本编辑器框架，和其它富文本编辑器不同，draft.js
并不是一个开箱即用的富文本编辑器，而是一个提供了一系列开发富文本编辑器的工具。Draft.js
的任何部分都是可定制的。

Quill

Quill是一个具有跨平台和跨浏览器支持的轻型富文本编辑器。凭借其可扩展架构和富有表现力的
API，可以完全自定义它以满足个性化的需求。由于其模块化架构和富有表现力的
API，可以从
Quill
核心开始，然后根据需要自定义其模块或将自己的扩展添加到这个富文本编辑器中。它提供了两个用于更改编辑器外观的主题，可以使用插件或覆盖其
css 样式表中的规则进一步自定义。Quill
还支持任何自定义内容和格式，因此可以添加嵌入式幻灯片、3D
模型等。它的代码高亮功能比较强。

开源免费，项目活跃，一直有人维护。

TinyMCE

TinyMCE是一个热门的富文本编辑器，基于浏览器的所见即所得，易于集成，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。可以部署在基于云的、自托管或混合环境中。该设置使得合并诸如
Angular、React
和 Vue
等框架成为可能。它还可以使用
50 多个插件进行扩展，每个插件都有
100 多个自定义选项。，

通过创建和编辑表格、建立字体系列、搜索和替换字体以及更改字体大小等功能，让你可以完全控制你的设计。它还提供了多种云安全功能，包括
JSON Web 令牌和私有
RSA 密钥，以更好地保护你的内容。不过文档都是英文，对开发人员英文水平有一定要求。

wangEditor

wangEditor基于JavaScript和css开发的
Web富文本编辑器，
轻量、简洁、界面美观、易用、开源免费。它兼容常见的
PC 浏览器： Chrome ，Firefox，Safar， Edge ， QQ
浏览器， IE11 。

ProseMirror

ProseMirror 不是一个开箱即用的富文本编辑器，是一个基于
ContentEditable 的所见即所得
HTML 编辑器，功能强大，支持协作编辑和自定义文档模式
ProseMirror 库由多个单独的模块组成。ProseMirror
试着在
Markdown 编辑体验和传统的
WYSIWYG 编辑体验中寻找一种融合的方法。

prosemirror是一套工具包提供给开发者，方便开发者在此之上开发富文本编辑器的。它的主要原则是开发者享有文档及事件变更的控制权。这里的文档是自定义的数据结构，只包含你允许的元素，用来描述内容本身及其变化，所以的变化都是可追溯到的。

Tiptap

Tiptap
是一个基于
Vue
的无渲染的富文本编辑器，它基于
Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。使用无渲染组件（函数式组件），几乎完全控制标记和样式。菜单的外观或在DOM中的显示位置。这完全取决于使用者。

CKEditor
5

CKEditor
是一个强大的富文本编辑器框架，支持各种不同的浏览器，具有模块化架构、现代集成和协作编辑等功能。它可以通过基于插件的架构进行扩展，从而可以将必要的内容处理功能引入。CKEditor
在市场上已有近
15 年的历史，因其具有广泛的功能和旧版软件兼容性而成为最负盛名的编辑器之一。

CKEditor 5 是一个超现代的
JavaScript 富文本编辑器，体积非常小巧，使用起来也十分方便快捷，具有
MVC 架构、自定义数据模型和虚拟
DOM。它是在
ES6 中从头开始编写的，并且具有出色的
webpack支持。可以使用与Angular、React和 Vue.js 的原生集成，是大家编辑网页代码的必备工具。

Jodit

Jodit
是一款使用纯
TypeScript
编写的（无需使用其他库），美观实用的所见即所得开源富文本编辑器，支持中文，超强自定义。

百度 ueditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，功能齐全，可定制，注重用户体验等特点，开源基于 MIT 协议，允许自由使用和修改代码，缺点是已经没有更新了。

kindeditor

KindEditor 是一套开源的在线html编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用
KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。

KindEditor 使用
JavaScript 编写，可以无缝地与
Java 、.NET、php、 ASP
等程序集成，比较适合在
CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。