富文本编辑器WEB网页在线编辑器汇总

1、百度UEditor

https://ueditor.baidu.com/website/

2、kindeditor

界面类似百度，效果很像

文档齐全但用例较少，使用还算方便。

缺点：总感觉样子不是很好看，没有现代那种风格，还是老式的传统图标。

http://kindeditor.net/demo.php

3、CKEditor

CKEditor 是目前最优秀的免费、开源 web 富编辑器之一。

主要特点：

免费 开源 社区驱动 大量插件 高度可定制 编辑体验流畅 兼容所有主流浏览器

默认不支持 Bootstrap 样式，但其高度可配置可以轻松的满足这一要求。

需要考虑的：

1. 如果想自定义特性，需要一定的初期学习成本。
2. 功能完善导致架构复杂，使得体积稍显臃肿（作为前台编辑器时，可能会考虑）。
3. 需求特殊，且无插件可以满足时，如果考虑修改核心代码成本高昂。
4. 国内无核心社区。

官网：http://ckeditor.com/

在线例子：http://ckeditor.com/demo

下载地址：http://ckeditor.com/download

官方文档：http://docs.cksource.com/Main_Page

开源地址：https://github.com/ckeditor/ckeditor-dev

4、Tinymce

Tinymce 是目前最优秀的免费、开源 web 富编辑器之一。

主要特点：

免费 开源 社区驱动 大量插件 高度可定制 编辑体验流畅 兼容所有主流浏览器

默认不支持 Bootstrap 样式，但其高度可配置可以轻松的满足这一要求。

需要考虑的：

1. 如果想自定义特性，需要一定的初期学习成本。
2. 功能完善导致架构复杂，使得体积稍显臃肿（作为前台编辑器时，可能会考虑）。
3. 需求特殊，且无插件可以满足时，如果考虑修改核心代码成本高昂。
4. 国内无核心社区。

官网：http://www.tinymce.com/index.php

在线例子：http://www.tinymce.com/tryit/basic.php

官方文档：http://www.tinymce.com/wiki.php

下载地址：http://www.tinymce.com/download/download.php

开源地址：https://github.com/tinymce/tinymce

Tinymce 与 CKEditor 是 web 富编辑器的两大阵营，分别占领了一定的富编辑器市场，如果一定要做个对比，较明显的区别如下：

• 两者都提供了极其丰富的插件，但相比来说，同样的功能，CKEditor 的选项会多很多，尽量减少直接修改源码的可能。
• 对于拷贝粘贴，CKEditor 更加友好，它总是能更加精确的替换来源网站的标签。
• 新特性来说，CKEditor 也总是能领先其对手一步，更重要的是，它的开发者文档非常完善。
• 大小上，Tinymce 具有明显优势，其几乎是 CKEditor 的一半，这也是后者为其它优势所付出的代价。