前端编辑器-前端工具 图片取色器

富文本编辑器是一种可以嵌入到浏览器中的文本编辑器，所见即所得。 提供类似Office Word的编辑功能，方便不懂html的用户。 富文本编辑器应用广泛，其历史几乎与图形网页的诞生一样长。

作为一个技术人员，手边有两个富文本编辑器还是很有用的，说不定那个项目就集成到一个。

现在要找到并使用它需要花费很多精力。 毕竟在开发方面，各个富文本编辑器的用法是不一样的。

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

1.wangEditor

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

2.TinyMCE

TinyMCE 是一个用 JavaScript 编写的基于浏览器的轻量级所见即所得编辑器。 它对IE6+和Firefox1.5+有很好的支持。

功能齐全，界面美观，但是文档是英文的，对开发者有一定的英文水平要求。

3.百度编辑器

UEditor是百度Web前端研发部开发的一款所见即所得的富文本网页编辑器。 具有重量轻、功能全、可定制化、重视用户体验等特点。 没有更新。

4.Kindeditor

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

KindEditor使用JavaScript编写，可与Java、.NET、php、ASP等程序无缝集成，更适合在CMS、商城、论坛、博客、wiki、邮件等互联网应用中使用。

5.文本框

Textbox 是一个最小但功能强大的在线文本编辑器，支持桌面和移动设备。 主要功能包括内置图像处理和存储、文件拖放、拼写检查和自动更正。

此外，该工具还采用屏幕阅读器等辅助技术，并符合 WAI-ARIA 无障碍标准。

6.CK编辑器

CKEditor 正式版是一款专业、专业的在线文本编辑器。 软件支持多种浏览器，让用户轻松在线编辑。 CKEditor5正式版体积非常小，使用起来非常方便。 它还可以与不同的文本编辑器一起使用。 结合高级编程语言，是大家编辑网页代码的必备工具。

7. 羽毛笔

Quill 是一个轻量级的编辑器，风格一般（黑白风格），功能中等。 它的代码高亮功能比较强。 它还支持内联编辑模式，并且可以自定义工具栏。

开源是免费的，项目是活跃的，并且一直在维护。

8.模拟编辑器

Simditor 是 Tower 平台使用的富文本编辑器。 是一款界面简洁、功能实用的轻量级编辑器。 插件不多，对功能要求不高的可以使用。

虽然是国产的，但是文档是英文的。 开源且免费。

9.夏日笔记

Summernote是一款轻量级的富文本编辑器，使用起来比较简单，使用体验流畅，支持各种主流浏览器。

Summernote 是开源且免费的。 该项目一直活跃并由人们维护。 Summernote还依赖jquery和bootstrap，使用前需要引入。

10.乔迪特

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

11.编辑器.md

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

12. froala 编辑器

界面很漂亮，功能很强大，很好用（不是免费的，可以破解）

13. 网络编辑器

eWebEditor 的外观和使用方式与Microsoft Word 非常相似，功能也很多。 工具栏可以自定义并且运行速度非常快。

导入文件的接口很多前端编辑器，支持直接导入word、excel、pdf、ppt。 当前版本不支持代码高亮，所以不适合纯技术平台，适合内容编辑。

eWebEditor历史悠久，无论是界面还是功能，都是典型的传统富文本编辑器。 eWebEditor是收费的，但也有免费的精简版，没有后台功能。

14.dhtmlx编辑器

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

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

支持普通视图和类似word的页面视图，支持全屏，工具支持自定义前端编辑器，包括工具栏颜色和样式等。

dhtmlxEditor 分为免费版和付费版。 免费版拥有大部分功能，而且免费版是开源的，可以在代码层面进行扩展。

终于

富文本编辑器产品真的很多。 以上只是我接触过的一些。 我相信有很多好的富文本编辑器。 事实上，没有必要全部尝试。 只有最合适的才是最好的。