最近几天一直在寻找一款在线的文本编辑器,并试用了其中一些,有些体会,现记录于下:
一个国外的网站,记录了一份几乎涵盖所有 WYSIWYG 在线编辑器比较表:
http://www.geniisoft.com/showcase.nsf/WebEditors
国内的开源社区网站,记录了常用在线编辑器
http://www.open-open.com/ajax/Editor.htm
http://www.oschina.net/project/lang/28?tag=172
几款ASP.NET在线文本编辑器
http://hi.baidu.com/sunny17/blog/item/6e3b931c5bf09d8f86d6b682.html
首先说我认为值得一用的:
1.FCKeditor
他怎么样,我就不用多说了,网上多的很,不过有近300K的体积~~~
2.xheditor
这个控件好象用的人比较少,不过看起来感觉不错!JS+CSS+图片一共有50K,小啊,中文!
3.tinyMCE
网上的评价很高,值得一试,不过比较大,近200K了,中文!
4.xinha
网上的评价也很高,值得一试,不过体积也有120多K~~~
5.CuteEditor
据说CSDN用的是这个,收费的,不过有破解的版本.呵呵
6.kindeditor
美化的不错,有兴趣可以玩一玩,很好用,70~80K的样子,有中文语言!
7.HTMLArea
功能都大同小异的,可以试一试
8.Cross-Browser Rich Text Editor
很小,全部体积不超过40K,可以试一试
9.SinaEditor
新浪编辑器应该算是最贴近网友体验的编辑器,简洁、大方,并且使用方便、功能强大。不过体积嘛,自己去看吧~~
以下是我觉得一般的(个人感觉哈!)
1.InnovaStudio WYSIWYG Editor
要收费
2.eWebEditor
国人制作,收费的
3.jwysiwyg
虽然小,但不好用
4.WYMeditor
样式不好看,个人不喜欢~~
5.openWYSIWYG
样式不好看,有近100K
6.Free Rich Text Editor
相当不好用,连加个表格都是用专门的html页面,维护太复杂了
7.MarkitUp
无法"所见即所得"
总结:我所认为值得一用的编辑器,一般都有完整的帮助文档,有社区在持续开发,最近有更新,在使用上方便灵活,支持多种定义方式,能所见即所得,在编码上安全与快捷,程序界面支持中文,界面风格比较漂亮,功能完整.
如果想选择功能强大,流行的,可以选FCKeditor与tinyMCE,但代价为体积较大,在性能上值得考虑一下,如果功能要求不是很高,或者对性能有需求,则可以选择xheditor或者
kindeditor,当然还有更小的,比如jwysiwyg或Damn Small Rich Text Editor ,但使用上很不方便,得不偿失.
PS:如果有代码着色的需求,可以使用一个jquery的插件:highlighter,它对highlighter的非jquery版本做了一定的封装,使用非常方便!
引用来源:http://hi.baidu.com/sxwlty/blog/item/dc5cc30942e78a2e6b60fbb6.html
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
Damn Small Rich Text Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/jgHmfcaYtmWLJcSAou10Rg==/3387551344714416249.jpg)
EditArea
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/1JFRhNEpVGBwt50njac_5A==/3387551344714416250.jpg)
NicEdit
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/oArf_xoLJKT2r-0sv2_WDg==/3387551344714416253.jpg)
Damn Small Rich Text Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/lVY-35IwawuVIO3j1Nldkw==/3387551344714416256.jpg)
WYMeditor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
TinyMCE
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/QDNFryZRZGVkdHEa8lqy8g==/3387551344714416268.jpg)
Yahoo! UI : Rich Text Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
FCKeditor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/X5k7r15A4WjGgSXayetyNg==/3387551344714416272.jpg)
Control.Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
openWYSIWYG
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
Free Rich Text Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
Xinha
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/JhNs6Dy_3weQwf_OqvCitw==/3387551344714416280.jpg)
MarkitUp
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
SmartMarkUP
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![smart-markup.jpg](http://img.bimg.126.net/photo/XgEaBJV9RdVIRjRQRZKN8Q==/3387551344714416283.jpg)
CKEditor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
KindEditor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
- 代码量少,加载速度快。
- 内置自定义range,完美地支持span标记。
- 所有功能都是插件,增加自定义功能非常简单。
- 编辑器风格定义在一个CSS文件里。
- 支持大部分浏览器,比如IE、Firefox、Safari、Chrome、Opera。
WMD-Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
jHtmlArea
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![jHtmlArea.jpg](http://img.bimg.126.net/photo/t7Gh2FZPDnWuh_LzfA249w==/3387551344714416290.jpg)
Reditor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
HtmlBox
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![HtmlBox.jpg](http://img.bimg.126.net/photo/fsPA1_E981avSU90gbKIxQ==/3387551344714416292.jpg)
KISSY Editor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![KISSY-Editor.jpg](http://img.bimg.126.net/photo/txfHpaqQlOe3wk7k45uj9w==/3387551344714416293.jpg)
xhEditor
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
Features(特性):
- Small:初始加载5个文件,包括:1个js(45k)+2个css(7k)+2个图片(4k),总共56k。若js和css文件进行gzip压缩传输,可以进一步缩减为21k左右。
- Fast:基于jQuery引擎开发,提供高效的代码执行效率
- Simple:简单的调用方式,加一个class属性就能将您的textarea立马变成一个功能丰富的可视化编辑器。
- Word:实现Word代码自动检测并清理,提供高效完美的Word代码过滤方案,生成代码最优化精简,但是却不丢失任何细节效果。
- UBB: 提供完美的UBB可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷
FileManager
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/xRPmkHWWiXJ9wnSHo0QgEA==/1175158027767586537.jpg)
![几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ](http://img.bimg.126.net/photo/e_GmNCEHZAfG64ugsZVD5Q==/3387551344714416246.jpg)
![FileManager_Dialogue.jpg](http://img.bimg.126.net/photo/rJBgUQPbHSpu4_KEMSPr8A==/3387551344714416295.jpg)