10款web前端开发富⽂本编辑器，你知道⽤过⼏款
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中的显⽰位置。
点添加为Vue组件。使⽤⽆渲染组件（函数式组件），⼏乎完全控制标记和样式。菜单的外观或在DOM中的显⽰位置。这完全取决于使⽤者。
中文版php开发工具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、电⼦邮件等互联⽹应⽤上使⽤。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。