十款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中的显示位置。这完全取决于使用者。

CKEditor5

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、电子邮件等互联网应用上使用。