前言

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

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

编辑器 产地 稳定 是否
轻量
技术
支持
主要优点 主要不足 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 富文本编辑器总结的更多相关文章

  1. 重构wangEditor(web富文本编辑器),欢迎指正!

    提示:最新版wangEditor请参见:wangEditor.github.io 或者 https://github.com/wangfupeng1988/wangEditor 1. 前言 (下载源码 ...

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

    ====================================================================== [百度Web富文本编辑器ueditor在ASP.NET M ...

  3. Java-Swing中使用Web富文本编辑器

    资料下载 (截取出了邮件发送的功能.) 2018/11/10 因为要 win7 电脑 IE 8 的原因,使用了 jxBrower 拓展,更容易使用,参考链接(推荐) 问题介绍 window客户端软件的 ...

  4. wangEditor - 轻量级web富文本编辑器(可带图片上传)

    业务需求: 通过后台编辑文章和图片,上传到前端界面,展示新闻消息模块.这个时候,需要一款简洁的编辑器,百度编辑器是最常用的一种,但是功能太过于复杂,而wangEditor - 轻量级web富文本编辑器 ...

  5. wangEditor-基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费(2)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. web富文本编辑器收集

    1.UEditor 百度的. 优点:插件多,基本满足各种需求,类似贴吧中的回复界面. 缺点:不再维护,文档极少,使用并不普遍,图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办, ...

  7. 更加简洁易用——wangEditor富文本编辑器新版本发布

    1. 前言 wangEditor富文本编辑器(www.wangEditor.com)从去年11月份发布,至今已经有将近10各月了.它就像一个襁褓中的小婴儿,在我的努力以及众多使用者的支持下不断摸索.成 ...

  8. 轻量级富文本编辑器wangEditor源码结构介绍

    1. 引言 wangEditor——一款轻量级html富文本编辑器(开源软件) 网站:http://www.wangeditor.com/ demo演示:http://www.wangeditor.c ...

  9. 我为什么要做富文本编辑器【wangEditor5个月总结】

    请访问wangEditor官网:www.wangEditor.com ----------------------------------------------------------------- ...

随机推荐

  1. poj 3254 Corn Fields 国家压缩dp

    意甲冠军: 要在m行n陆行,有一些格您可以种树,别人做不到的.不相邻的树,我问了一些不同的共同拥有的法律. 分析: 从后往前种,子问题向父问题扩展,当种到某一格时仅仅有他和他后面的n-1个格子的情况对 ...

  2. CSharp设计模式读书笔记(14):职责链模式(学习难度:★★★☆☆,使用频率:★★☆☆☆)

    职责链模式(Chain of Responsibility  Pattern):避免请求发送者与接收者耦合在一起,让多个对象都有可能接收请求,将这些对象连接成一条链,并且沿着这条链传递请求,直到有对象 ...

  3. 【高德地图API】那些年我们一起开发的APP—即LBS应用模式分享

    原文:[高德地图API]那些年我们一起开发的APP—即LBS应用模式分享 摘要:利用地图API都能做些什么应用呢?应用商店里所有的分类,都可以结合上LBS来丰富应用.除了传统的生活服务应用,还有新潮的 ...

  4. 【转】简述什么是Web服务(Web Service)技术?

          Web Service 是在 Internet 上进行分布式计算的基本构造块,是组件对象技术在 Internet 中的延伸,是一种部署在Web 上的组件.它融合了以组件为基础的开发模式和 ...

  5. IBM BigInsights 3.0.0.2 集群环境搭建

    1. 改动hosts文件和永久主机名 由于BigInsights 3.0版本号不像之前的版本号能够直接用IP来添加节点,因此我们须要更改每台server的hosts文件和主机名: vim/etc/ho ...

  6. hdu 4893 Wow! Such Sequence!

    http://acm.hdu.edu.cn/showproblem.php?pid=4893 三种操作: 1 k d - "add" 2 l r - "query sum ...

  7. JS 数组array方法push, pop, unshift, shift, slice,splice,contact, join, sort

    Array:数组对象用来在单独的变量名中存储一系列的值   定义数组:         1. var arrayObj = new Array();         2. var arrayObj = ...

  8. iframe的各项參数

    iframe的各项參数: <iframe src="test.jsp" width="100″ height="50″ frameborder=" ...

  9. leetcode先刷_Unique Binary Search Trees II

    可能没想到,人的简单方法,关于质询的问题提出做. 如何把产生出来的所有的树木?所使用的方法当然是递归,但是有一个致命的问题,假设根节点,然后做一个递归,所以这是非常多的公共树木的根,结果肯定是一团糟. ...

  10. AngularJS模块的详解

    AngularJS模块的详解 在讲angularjs的模块之前,我们先介绍一下angular的一些知识点: AngularJS是纯客户端技术,完全用Javascript编写的.它使用的是网页开发的常规 ...