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组件)可以实现插入代码高亮的效果。

时间: 2024-12-02 20:35:46

web 富文本编辑器总结的相关文章

百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明

  ======================================================================   [百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明]                                         ----by 夏春涛 2014-02-20   =====================================================================

基于jquery实现可定制的web在线富文本编辑器附源码下载_jquery

今天给大家介绍一款非常棒的WEB在线富文本编辑器--UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器. 在线预览     源码下载 如何使用? 建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度. <script type="text/plain" id=&

超漂亮的Bootstrap 富文本编辑器summernote_javascript技巧

 Summernote 是一个简单,灵活,所见即所得(WYSIWYG)的编辑器,基于 jQuery 和 Bootstrap 构建.Summernote 所有主要的操作都支持快捷键,有一个功能强大的 API,它提供了大量的自定义选项的设计(宽,高,有效的项目等等)和功能.对于主要的脚本语言或框架(PHP,Ruby,Django,NodeJS),该项目有提供了集成示例. Bootstrap summernote,用其官网上的介绍就是"Super Simple WYSIWYG editor"

在线富文本编辑器UMeditor使用例子

今天给大家介绍一款非常棒的WEB在线富文本编辑器--UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器. 如何使用? 建立一个demo.html文件,首先在需要添加编辑器的地方加入以下代码,使用style可以设置编辑器的宽度和高度. <script type="text/plain" id="myEditor&

求高手kindeditor富文本编辑器,使用源码及详解,谢谢各位,急,急,急,急,急急

问题描述 求高手kindeditor富文本编辑器,使用源码及详解,谢谢各位,急,急,急,急,急急 求高手kindeditor富文本编辑器,使用源码及详解,谢谢各位,急,急,急,急,急急 解决方案 参考:http://blog.csdn.net/thinkhlin_down/article/details/6065619http://www.poluoluo.com/jzxy/201306/214700.htmlhttp://cshbbrain.iteye.com/blog/1892698 解决方

iOS使用UITableView实现的富文本编辑器

本文讲的是iOS使用UITableView实现的富文本编辑器,公司最近做一个项目,其中有一个模块是富文本编辑模块,之前没做个类似的功能模块,本来以为这个功能很常见应该会有已经造好的轮子,或许我只要找到轮子,研究下轮子,然后修改打磨轮子,这件事就八九不离十了.不过,还是 too young to simple 了,有些事,还是得自己去面对的,或许这就叫做成长,感觉最近一年,对于编程这件事,更多了一点热爱,我感觉我不配过只会复制粘贴代码的人生,编程需要有挑战.所以,遇到困难,保持一份正念,路其实就在

jquery-bootstrap 富文本编辑器可以上传附件么?有没有可以上传附件的富文本编辑器

问题描述 bootstrap 富文本编辑器可以上传附件么?有没有可以上传附件的富文本编辑器 我看大多富文本编辑器只能上传图片或者视频,但有没有带上传附件的 解决方案 http://blog.csdn.net/zcs_123li/article/details/51220351

富文本编辑器-导入百度编辑器的问题

问题描述 导入百度编辑器的问题 jsp 中导入百度编辑器没有达到需要的效果,只有一个小小的编辑框,没有可视化按钮,没有提交按钮,就那样放在左上角,下面就是显示的结果,,怎么破???? 解决方案 百度编辑器路径设置问题 解决方案二: 跟你个我以前的写的案例,你修改一下吧 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String pa

生成富文本编辑器生成内容转换成json格式,解析出错,在mysql里面用什么类型保存

问题描述 生成富文本编辑器生成内容转换成json格式,解析出错,在mysql里面用什么类型保存 富文本怎么保存?保存在mysql里面用什么样的类型,还有就是能够获取到富文本的内容(包括标签什么的),用json怎么转换,用过转义也不行?求助啊!!!!