web 富文本编辑器总结

前言

富文本编辑器，就是除了能输入不同的文本之外，还可以之间粘贴图画等其他的多媒体信息。也可说是所见即所得的编辑器。

目前可以使用的编辑器有很多，在网络上有找到这样一份比较表格:

编辑器	产地	稳定	是否轻量	技术支持	主要优点	主要不足	Ver	速度	肥瘦 (MB)
CKEditor	国外老牌	稳定	否	团队	功能强大,稳定	臃肿,加载慢	3.6	4	0.90
KindEditor	国产(上海-浩跃软件)		轻量		插件扩展		4.0	2	0.24
xhEditor	国产(台州-[王一])	差	轻量	个人	迷你高效,插件扩展	表格编辑,不稳定	1.1	1	0.49
UEditor	国产(百度)		轻量	百度	小巧,分层架构		1.1	3	0.44
TinyMCE	国外老牌		轻量		素雅清新,轻量级		3.4	6	0.99
FCKEditor	国外老牌[已经退役]	---	---	---	-----	-----	2.6	4	1.11
eWebEditor	国产(福州-极限软件)				功能齐全强大	收费,要插件	7.3	-
* 肥瘦: 指体积大小,单位是MB, 此参数为经过本人处理修改过的目录大小, 如KindEditor的表情图片我移走了, 在此不计算体积； * 速度: 我比较测试,数字越小,速度越快； * eWebEditor: 商业化太浓, 未测试(也没有[得不到]它的最新版)；

需要说明的是：

CKEditor是由Fckeditor更名而来。

优缺点

1、ewebeditor（国产，http://www.ewebeditor.net/），优点，功能很强大；缺点：使用需要收费，笨重，速度慢。

2、xheditor（国产，http://xheditor.com/），优点：开源免费，轻量、快速、简单，用 JQuery 开发，尤其喜欢它的文件上传；缺点：当前版本不支持对表格的单元格的合并、拆分、单元格属性的修改。

3、CKEditor/FckEditor（国外，http://ckeditor.com），优点：开源免费，功能强大，完整的二次开发接口和文档，可以添加编辑 Form 表单元素（如按钮、输入框等），是开发自定义表单的不二选择；缺点，笨重，不常用的功能，如对 Form 表单元素的修改编辑 bug 稍多。

4、UEditor（国产，http://ueditor.baidu.com/），优点，开源免费，表格的编辑是我用过的编辑器中最灵活的，如支持单元格合并拆分等，二次加载速度快，有百度公司的支持，缺点，文档较少，文件上传部分找不到任何文档，虽然自称轻量，但其全功能、去除 ui 后、压缩后的js也将近300k，第一次加载速度慢。

5、kindEditor（国产，http://www.kindsoft.net/），优点，开源免费，轻量，加载速度快，文档齐全；缺点，不支持对表格的单元格的合并、拆分。

如果不需要表格合并和拆分功能、同时使用 jquery 的话，xheditor 是最好的选择；如果不想用 jquery，或对 jquery 比较陌生，可以考虑 kindeditor；

如果需要做自定义表单，比如，编辑页面上要添加表单功能，ckeditor 是最好的选择；

如果费用非常充足，客户端机器配置较高，并且在局域网使用，可以考虑 ewebeditor；

如果对表格编辑有较高的要求，尤其是需要单元格合并、拆分功能的话，Ueditor 是个不错的选择。

补充

CSDN 使用的就是 xheditor编辑器。

xheditor 结合另外一个组件SyntaxHighlighter（一个用于高亮显示代码文本的js组件）可以实现插入代码高亮的效果。

web 富文本编辑器总结相关推荐

wangEditor - 轻量级web富文本编辑器（可带图片上传）
业务需求: 通过后台编辑文章和图片,上传到前端界面,展示新闻消息模块.这个时候,需要一款简洁的编辑器,百度编辑器是最常用的一种,但是功能太过于复杂,而wangEditor - 轻量级web富文本编辑器 ...
富文本_轻量级 web 富文本编辑器 —— wangEditor
介绍 wangEditor -- 轻量级 web 富文本编辑器,配置方便,使用简单.支持 IE10+ 浏览器. 官网:www.wangEditor.com 文档:www.kancloud.cn/wan ...
web富文本编辑器的选择のxheditor
最近在研究web富文本编辑器,处理知道的 1.老牌fckeditor 网址:http://ckeditor.com/ 2.百度退出的ueditor 网址:http://uedito ...
web文本编辑器php源码,超级轻量web富文本编辑器HandyEditor
HandyEditor 是一套十分轻量且同时适用于手机端和pc端的web富文本编辑器,主要用于让用户在网站上获得所见即所得编辑效果,可以用 HandyEditor 把传统的多行文本输入框(textar ...
如何配置一个最基本的web富文本编辑器？--之wangEditor（验证成功）
第一步,引用wangEditor的css文件,css文件最好在<head>中引用 <link rel="stylesheet" type="text/c ...
14款web前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...
avue form提交变为不可编辑_教程42——富文本编辑器的原理（项目）
完整版项目的代码链接: https://github.com/lyandzao/note/tree/master/react/react-tuts/react-admin/srcgithub.com ...
项目中的富文本编辑器该如何选择?
项目中经常需要用到富文本编辑器的时候,而常见的富文本编辑器都有哪些?该如何选择? 先看看市面上都有哪些可用的富文本编辑器: TinyMCE(插件式的,支持 Vue,React,Angular 框架) ...
vue富文本编辑器 Vue-Quill-Editor
主流富文本编辑器对比前言:vue中很多项目都需要用到富文本编辑器,在使用了ueditor和tinymce后,发现并不理想.所以果断使用vue-quill-editor来实现. wangEditor( ...

web 富文本编辑器总结

前言

优缺点

补充

web 富文本编辑器总结相关推荐

最新文章

热门文章