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请参见:wangEditor.github.io 或者 https://github.com/wangfupeng1988/wangEditor 1. 前言 (下载源码 ...
- 百度Web富文本编辑器ueditor在ASP.NET MVC3项目中的使用说明
====================================================================== [百度Web富文本编辑器ueditor在ASP.NET M ...
- Java-Swing中使用Web富文本编辑器
资料下载 (截取出了邮件发送的功能.) 2018/11/10 因为要 win7 电脑 IE 8 的原因,使用了 jxBrower 拓展,更容易使用,参考链接(推荐) 问题介绍 window客户端软件的 ...
- wangEditor - 轻量级web富文本编辑器(可带图片上传)
业务需求: 通过后台编辑文章和图片,上传到前端界面,展示新闻消息模块.这个时候,需要一款简洁的编辑器,百度编辑器是最常用的一种,但是功能太过于复杂,而wangEditor - 轻量级web富文本编辑器 ...
- wangEditor-基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费(2)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- web富文本编辑器收集
1.UEditor 百度的. 优点:插件多,基本满足各种需求,类似贴吧中的回复界面. 缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办, ...
- 更加简洁易用——wangEditor富文本编辑器新版本发布
1. 前言 wangEditor富文本编辑器(www.wangEditor.com)从去年11月份发布,至今已经有将近10各月了.它就像一个襁褓中的小婴儿,在我的努力以及众多使用者的支持下不断摸索.成 ...
- 轻量级富文本编辑器wangEditor源码结构介绍
1. 引言 wangEditor——一款轻量级html富文本编辑器(开源软件) 网站:http://www.wangeditor.com/ demo演示:http://www.wangeditor.c ...
- 我为什么要做富文本编辑器【wangEditor5个月总结】
请访问wangEditor官网:www.wangEditor.com ----------------------------------------------------------------- ...
随机推荐
- 问题(bug)确实不在代码逻辑上面,往往是配置、权限或者业务逻辑之外的地方(转)
不能说所有的bug都是纸老虎,但往往那种看似很奇葩的bug,导致的原因确实很简单,烦了你一段时间,找到真相又让你忍不住一笑.什么是奇葩的bug呢.我的定义是:代码逻辑都一样,但在A处是好的,到了B处就 ...
- ServiceStack.Redis——Redis于.net向上client解
ServiceStack.Redis--Redis于.net向上client解 源代码和使用: https://github.com/ServiceStack/ServiceStack.Redis 样 ...
- ANDROID定义自己的看法——onMeasure,MeasureSpec源代码 过程 思考具体解释
一个简短的引论: 在他们的定义view什么时候,其实很easy,只需要知道3: 1.測量--onMeasure():决定View的大小 2.布局--onLayout():决定View在ViewGrou ...
- C# 使用 Code Snippet 简化 Coding
在开发的项目的时候,你是否经常遇到需要重复编写一些类似的代码,比如是否经常会使用 for.foreach ? 在编写这两个循环语句的时候,你是一个字符一个字符敲还是使用 Visual Studio 提 ...
- sql server 更新表,每天的数据分固定批次设置批次号sql
按表中的字段 UpdateTime 按每天进行编号,每天的编号都从1开始编号,并附带表的主键 cid,把数据存入临时表中 WITH temp AS (SELECT cid,updatetime, RO ...
- 赵雅智_Android编码规范
凝视 导入mycodetemplates.xml统一凝视样式 须要加凝视的地方 类凝视(必加) 方法凝视(必加) 块凝视主要是数据结构和算法的描写叙述(必加) 类成员变量和常量凝视(选择性加入) 单行 ...
- [CLR via C#]5.2 引用类型和值类型
原文:[CLR via C#]5.2 引用类型和值类型 CLR支持两种类型:引用类型和值类型. 虽然FCL中大多数都是引用类型,但开发人员用的最多的还是值类型.引用类型总是在托管堆上分配的,C#的ne ...
- 从WebBrowser中取得Cookie 和 WebClient设置cookie!
原文:从WebBrowser中取得Cookie 和 WebClient设置cookie! 从WebBrowser中取得Cookie 的代码 CookieContainer myCookieContai ...
- sql server 查看表的行数
SELECT a.name , b.[rows]FROM dbo.sysobjects AS a LEFT JOIN sysindexes AS b ON a.id ...
- Google Maps API Web Services
原文:Google Maps API Web Services 摘自:https://developers.google.com/maps/documentation/webservices/ Goo ...