`
yanzilee9292
  • 浏览: 530283 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

几款在线文本编辑器的比较(jquery文本编辑器)

阅读更多

最近几天一直在寻找一款在线的文本编辑器,并试用了其中一些,有些体会,现记录于下:
一个国外的网站,记录了一份几乎涵盖所有 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文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jwysiwyg
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ
WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

jwysiwyg

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Damn Small Rich Text Editor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Damn Small Rich Text Editor

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ EditArea
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

EditArea是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

EditArea

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Highlight  

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ NicEdit
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的textareas转换成Rich文本编辑器。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

NicEdit

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Damn Small Rich Text Editor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

基于jQuery开发,压缩之后只有18k左右的Rich Text Editor。提供所有基本的Rich Text功能,调整文本区域大小,使用AjaxFileUpload插件上传图片,清除HTML标签,标记文本修改,支持多种浏览器(FF1.5+、IE7、IE6)。此外还支持通过插件来扩展文本处理功能。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Damn Small Rich Text Editor

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ WYMeditor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

WYMeditor是一个web WYSIWYM XHTML编辑器。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

WYMeditor

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ TinyMCE
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

TinyMCE是一个开源,纯JavaScript HTML WYSIWYG编辑器。它能够把HTML TEXTAREA或其它HTML标签转换成Rich编辑器。TinyMCE非常易于集成到其它内容管理系统中。可以通过外观/主题和插件来定制满足自己需求的编辑器。提供汉化语言包。多浏览器支持:Mozilla、MSIE、FireFox、Opera和Safari。此外你还可以很方便地使用Ajax来保存和加载内容。 
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

TinyMCE

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Yahoo! UI : Rich Text Editor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

来自Yahoo! UI库中一个功能强大的Rich文本编辑器。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Yahoo! UI : Rich Text Editor

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ YUI  

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ FCKeditor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

FCKeditor是一个类似于MS Word的HTML文本编辑器。兼容多种浏览器,输出符合XHTML1.0标准,支持CSS以便能够与你的网站更好的结合,提供右键操作菜单,支持直接从Word粘贴,可以自己定制功能工具条,支持皮肤更换和通过插件扩展功能等。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

FCKeditor

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Control.Editor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Control.Editor是一个基于Mootools开发的WYSIWYG Editor。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Control.Editor

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Mootools  

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ openWYSIWYG
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

纯javascript开发的,跨浏览器WYSIWYG Editor。只一行简单的代码就能够将<textarea>标签转换成一个强大的WYSIWYG editor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

openWYSIWYG

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Free Rich Text Editor
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Free Rich Text Editor是一个易于使用的HTML WYSIWYG编辑器。只需要三行代码,就能够安装该编辑器。支持以下浏览器:

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Xinha
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Xinha是一个功能强大的WYSIWYG HTML编辑器,支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展,功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

Xinha

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ MarkitUp
几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。
  • 支持快捷键
  • 支持Ajax动态预览
  • 支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+
  • 支持html、Wiki、BBScode等编辑格式
    markitup.jpg

    MarkitUp

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

  • 几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ SmartMarkUP
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    SmartMarkUP是一个轻量级,强大的JavaScript library,它能够将Textarea控件转换成富文本编辑器。支持HTML、CSS、XML、Wiki语法、BBCode等,可按实际需求配置。SmartMarkUP没有基于任何javascript框架开发,易于现有项目结合使用。
    smart-markup.jpg

    SmartMarkUP

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ CKEditor
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    CKEditor是FCKeditor的3.0版本,具有更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。
    CKEditor.jpg

    CKEditor

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ KindEditor
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    KindEditor是用JavaScript编写的HTML可视化编辑器。具有:
  • 代码量少,加载速度快。
  • 内置自定义range,完美地支持span标记。
  • 所有功能都是插件,增加自定义功能非常简单。
  • 编辑器风格定义在一个CSS文件里。
  • 支持大部分浏览器,比如IE、Firefox、Safari、Chrome、Opera。
    KindEditor.gif

    KindEditor

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

  • 几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ WMD-Editor
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    WMD(Wysiwym Markdown Editor)是一个简单,轻量级的HTML编辑器。适合在博客发表评论,论坛发贴中使用。
    lightweight-html-editor.jpg

    WMD-Editor

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jHtmlArea
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。
    jHtmlArea.jpg

    jHtmlArea

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ Reditor
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    Reditor是一个基于JQuery和JQuery UI开发的HTML Editor。
    Reditor.jpg

    Reditor

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ HtmlBox
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。集成Ajax支持。
    HtmlBox.jpg

    HtmlBox

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ KISSY Editor
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    一个小巧精简的HTML编辑器,仅依赖 yahoo-dom-event, min后不超过50k,gzip后不超过20k。拥有编辑器基本功能。测试过的浏览器: IE6+、Firefox3.5+、Safari4+、Chrome2+、Opera10+。 
    KISSY-Editor.jpg

    KISSY Editor

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ xhEditor
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0,Firefox 3.0,Opera 9.6,Chrome 1.0,Safari 3.22。 
    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可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷 
    xhEditor.jpg

    xhEditor

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

  • 几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ FileManager
    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ

    这是一个开源,基于jQuery开发的文件管理器,可以集成到CKEditor/FCKEditor 和其它HTML编辑器中使用。实现文件上传、下载、重命名、删除。FileManager默认服务器端处理采用Python实现,但可以通过其提供的一个简单JavaScript API来扩展对其它语言的支持。
    FileManager_Dialogue.jpg

    FileManager

    几款在线文本编辑器的比较(jquery文本编辑器) - ㄣ紾の悕ベ - ㄣ紾の悕ベ jQuery  

    演示网站:http://www.aigou8.net

    分享到:
    评论

    相关推荐

    Global site tag (gtag.js) - Google Analytics