前端富文本编辑器使用（js富文本编辑器插件）

富文本编辑器是一种可内嵌于浏览器，所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能，方便那些不太懂html用户使用，富文本编辑器的应用非常广泛，它的历史与图文网页诞生的历史几乎一样长。

js富文本编辑器插件

作为一个技术人员，手上备上两款富文本编辑器还是很有用的，指不定那个项目就要集成一个进去。

到时候现找现用那可就费功夫了，毕竟从开发上讲，每个富文本编辑器的用法都是有区别的。

下面是我收集的一些业界比较受欢迎的富文本编辑器，喜欢的朋友、用过的朋友可以一起看看，一起探讨。

1、wangEditor

网址：http:///

基于JavaScript和css开发的 Web富文本编辑器， 轻量、简洁、界面美观、易用、开源免费。

兼容性

2、TinyMCE

网址：https:///fex-team/ueditor

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

4、kindeditor

网址：http://kindeditor.net/demo.php

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

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

主要特点

快速：体积小，加载速度快

开源：开放源代码，高水平，高品质

底层：内置自定义 DOM 类库，精确操作 DOM

扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能

风格：修改编辑器风格非常容易，只需修改一个 CSS 文件

兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera

5、Textbox

网址：https:///ckeditor-5/demo/

CKEditor官方版是一款专业专业的在线文字编辑器，软件支持各种不同的浏览器，可以让用户们轻松在线编辑，CKEditor5官方版软件体积非常小巧，使用起来也十分方便快捷，还能与不同的编程语言相结合，是大家编辑网页代码的必备工具。

7、quill

网址：https://quilljs.com/

Quill是轻型的编辑器，样式一般（黑白风），功能中等，它的代码高亮功能比较强，同样支持行内编辑模式，工具条可自定义。

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

8、simditor

网址：https://simditor.tower.im/

simditor是Tower平台使用的富文本编辑器，是一款轻量化的编辑器，界面简约，功能实用，插件不是很多，功能要求不高的可以使用。

虽然是国内出品，但文档是英文的。开源免费。

9、summernote

网址：https://summernote.org/

summernote是一款轻量级的富文本编辑器，比较容易上手，使用体验流畅，支持各种主流浏览器。

summernote开源免费，该项目一直比较活跃，一直都有人在维护。summernote同样依赖于jquery和bootstrap，使用前先引入这两项。

10、jodit

网址：https://xdsoft.net/jodit/

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

11、Editor.md

网址：https://pandao.github.io/editor.md/

功能非常丰富的编辑器，左端编辑，右端预览，非常方便，完全免费。

主要特性

12、froala Editor

网址：https:///wysiwyg-editor

界面非常好看，功能非常强大，非常好用（非免费，可破解）

13、eWebEditor

网址：http:///docs/products/dhtmlxRichText/

DHTMLX组件是一整套基于js的UI库，功能强大，其中包含编辑器dhtmlxEditor。

该编辑器可以直接集成到Angular，react和vue.js框架中，该编辑器还同时支持Markdown和富文本。

支持普通视图和类似word一样的页面视图，支持全屏幕，工具支持自定义，包括工具条颜色和样式等。

dhtmlxEditor分为免费版和收费版，免费版具有绝大多数功能，而且免费版是开源的你可以在代码级别随便扩充。

最后

富文本编辑器产品真的非常多，以上只是本人接触过的一些，相信还有很多很好的富文本存在，其实也没必要全都试一遍，只有最适合自己的，才是最好的。

上面就是小居数码小编今天给大家介绍的关于（js富文本编辑器插件）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。

94%的朋友还想知道的：

• 修改pdf中的文本的字体教程步骤（怎样修改pdf中的文本的字体）
• 在word文档内添加超链接步骤演示（怎样为文本添加超链接）
• 3种方法解决（excel删除文本中任意位置所有空格怎么弄）
• 微信公众号编辑器在哪里找到（微信公众号编辑器哪个好用）

（396）个朋友认为回复得到帮助。