常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介

在网页开发中，富文本编辑器是一个经常需要用到的工具——它让用户能像使用Word一样在线编辑内容，省去手写HTML的麻烦。目前市面上有不少成熟的选择，今天就来盘点几个比较有代表性的：UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor和KindEditor。

1、UEditor

先说说UEditor，这是百度前端团队开发的一款所见即所得编辑器。它的特点是轻量、可定制，而且开源基于BSD协议，可以自由使用和修改代码。从实际体验来看，UEditor在用户体验上确实下了不少功夫。

那么，它到底有哪些独到之处？

轻量级：代码精简，加载速度快，不拖泥带水。

定制化：UEditor采用全新的分层理念，满足不同层次的需求。具体来说，它有三层架构：核心层为命令层提供底层API，比如range、selection、domUtils这些类；命令插件层基于核心层开发command命令，各命令之间相互独立；界面层则为命令层提供用户使用界面。这种设计让定制变得非常灵活。

浏览器兼容：Mozilla、MSIE、FireFox、Maxthon、Safari、Chrome——主流的它都支持，基本实现浏览器无差别化。

注重细节：比如统一不同浏览器下表格的选取方式，提供黑/白名单的过滤机制，还有对Word内容的粘贴转换。这些细节上的打磨，让日常使用顺手很多。

稳定性：经过专业QA团队测试，上千个测试用例（包括自动化用例和手动用例）跑下来，稳定性有保障。当然，它还在不断完善中。

2、CKEditor

CKEditor是FCKeditor的全新换代产品，可以说是重新开发的一个版本。在全球范围内，它都是最优秀的在线文字编辑器之一，性能和可扩展性都相当出色，被广泛运用于各大网站。

另外，它还可以配合文件管理器KCFinder使用，进一步扩展功能。

3、TinyMCE

TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由Ja vaScript编写，支持目前流行的各种浏览器。它的配置非常灵活简单——两行代码就能把编辑器嵌入网页中，还支持AJAX。

另一个特点是加载速度非常快。如果服务器用的是PHP，还可以进一步优化。更重要的是，TinyMCE根据LGPL license发布，可以用于商业应用。不少网站都采用它作为编辑器。

4、HTMLArea

HTMLArea是一个基于浏览器的可视化HTML编辑器，速度超快，功能相对一般，文件不大，支持多种语言，也比较容易定制。它支持IE、Firefox、Mozilla等多种浏览器，遵循BSD版权，目前最新版是3.0。

5、eWebEditor

eWebEditor同样是基于浏览器的所见即所得在线HTML编辑器，最大的亮点是能在网页上实现许多桌面编辑软件（比如Word）所具有的强大可视编辑功能。对于WEB开发人员来说，它可以把传统的多行文本输入框textarea替换为可视化的富文本输入框，让最终用户能够可视化地发布HTML格式的网页内容。可以说，eWebEditor已经成为不少网站内容管理发布必备的工具。

6、KindEditor

KindEditor是一套开源的国产在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果。开发人员可以用KindEditor把传统的多行文本输入框textarea替换为可视化的富文本输入框。它使用Ja vaScript编写，可以无缝地与Ja va、.NET、PHP、ASP等程序集成，比较适合用在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上。

它的主要特点也很突出：

快速：体积小，加载速度快，不拖累页面性能。

开源：开放源代码，高水平、高品质，社区活跃。

底层：内置自定义DOM类库，能够精确操作DOM元素。

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

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

兼容：支持大部分主流浏览器，IE、Firefox、Safari、Chrome、Opera都不在话下。