统一通信亿联网络:几款在线文本编辑器的比较(jquery文本编辑器)
来源:百度文库 编辑:中财网 时间:2024/07/07 11:54:48
演示网站:http://www.aigou8.net
最近几天一直在寻找一款在线的文本编辑器,并试用了其中一些,有些体会,现记录于下:
一个国外的网站,记录了一份几乎涵盖所有 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
![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_1.gif)
![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_3.jpg)
jwysiwyg
jQuery
Damn Small Rich Text Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_5.jpg)
Damn Small Rich Text Editor
jQuery
EditArea![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
EditArea是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_6.jpg)
EditArea
Highlight
NicEdit![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的textareas转换成Rich文本编辑器。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_7.jpg)
NicEdit
Damn Small Rich Text Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
基于jQuery开发,压缩之后只有18k左右的Rich Text Editor。提供所有基本的Rich Text功能,调整文本区域大小,使用AjaxFileUpload插件上传图片,清除HTML标签,标记文本修改,支持多种浏览器(FF1.5+、IE7、IE6)。此外还支持通过插件来扩展文本处理功能。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_8.jpg)
Damn Small Rich Text Editor
jQuery
WYMeditor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
WYMeditor是一个web WYSIWYM XHTML编辑器。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_9.jpg)
WYMeditor
TinyMCE![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
TinyMCE是一个开源,纯JavaScript HTML WYSIWYG编辑器。它能够把HTML TEXTAREA或其它HTML标签转换成Rich编辑器。TinyMCE非常易于集成到其它内容管理系统中。可以通过外观/主题和插件来定制满足自己需求的编辑器。提供汉化语言包。多浏览器支持:Mozilla、MSIE、FireFox、Opera和Safari。此外你还可以很方便地使用Ajax来保存和加载内容。 ![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_10.jpg)
TinyMCE
Yahoo! UI : Rich Text Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
来自Yahoo! UI库中一个功能强大的Rich文本编辑器。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_11.jpg)
Yahoo! UI : Rich Text Editor
YUI
FCKeditor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
FCKeditor是一个类似于MS Word的HTML文本编辑器。兼容多种浏览器,输出符合XHTML1.0标准,支持CSS以便能够与你的网站更好的结合,提供右键操作菜单,支持直接从Word粘贴,可以自己定制功能工具条,支持皮肤更换和通过插件扩展功能等。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_12.gif)
FCKeditor
Control.Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
Control.Editor是一个基于Mootools开发的WYSIWYG Editor。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_13.jpg)
Control.Editor
Mootools
openWYSIWYG![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
纯javascript开发的,跨浏览器WYSIWYG Editor。只一行简单的代码就能够将标签转换成一个强大的WYSIWYG editor。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_14.gif)
openWYSIWYG
Free Rich Text Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
Free Rich Text Editor是一个易于使用的HTML WYSIWYG编辑器。只需要三行代码,就能够安装该编辑器。支持以下浏览器: - Internet Explorer 6 (Microsoft Windows)
- Internet Explorer 7 (Microsoft Windows)
- Mozilla Firefox 1.5+ (Microsoft Windows)
- Mozilla Firefox 1.5+ (Apple Macintosh)
- Opera 9 (Microsoft Windows)
- Safari 1.3+ (Apple Macintosh)
![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_15.jpg)
Free Rich Text Editor
Xinha![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
Xinha是一个功能强大的WYSIWYG HTML编辑器,支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展,功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_16.jpg)
Xinha
MarkitUp![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。 ![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_17.jpg)
MarkitUp
jQuery
SmartMarkUP![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
SmartMarkUP是一个轻量级,强大的JavaScript library,它能够将Textarea控件转换成富文本编辑器。支持HTML、CSS、XML、Wiki语法、BBCode等,可按实际需求配置。SmartMarkUP没有基于任何javascript框架开发,易于现有项目结合使用。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_18.jpg)
SmartMarkUP
CKEditor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
CKEditor是FCKeditor的3.0版本,具有更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_19.jpg)
CKEditor
KindEditor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
KindEditor是用JavaScript编写的HTML可视化编辑器。具有: ![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_20.gif)
KindEditor
WMD-Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
WMD(Wysiwym Markdown Editor)是一个简单,轻量级的HTML编辑器。适合在博客发表评论,论坛发贴中使用。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_21.jpg)
WMD-Editor
jHtmlArea![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_22.jpg)
jHtmlArea
jQuery
Reditor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
Reditor是一个基于JQuery和JQuery UI开发的HTML Editor。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_23.jpg)
Reditor
jQuery
HtmlBox![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。集成Ajax支持。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_24.jpg)
HtmlBox
jQuery
KISSY Editor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
一个小巧精简的HTML编辑器,仅依赖 yahoo-dom-event, min后不超过50k,gzip后不超过20k。拥有编辑器基本功能。测试过的浏览器: IE6+、Firefox3.5+、Safari4+、Chrome2+、Opera10+。 ![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_25.jpg)
KISSY Editor
xhEditor![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 Features(特性):
![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_26.jpg)
xhEditor
jQuery
FileManager![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_2.gif)
这是一个开源,基于jQuery开发的文件管理器,可以集成到CKEditor/FCKEditor 和其它HTML编辑器中使用。实现文件上传、下载、重命名、删除。FileManager默认服务器端处理采用Python实现,但可以通过其提供的一个简单JavaScript API来扩展对其它语言的支持。![](http://image48.360doc.cn/DownloadImg/2012/01/0514/20542730_27.jpg)
FileManager
jQuery