几种富编辑器的比较

·  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

jwysiwyg


WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。

Damn Small Rich Text Editor


基于jQuery开发,能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能,可设置文本编辑区大小,Ajax上传图片等。

EditArea


EditArea是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。

NicEdit


NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的textareas转换成Rich文本编辑器。


Damn Small Rich Text Editor


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


WYMeditor


WYMeditor是一个web WYSIWYM XHTML编辑器。


TinyMCE


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


Yahoo! UI : Rich Text Editor


来自Yahoo! UI库中一个功能强大的Rich文本编辑器。


FCKeditor


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


Control.Editor


Control.Editor是一个基于Mootools开发的WYSIWYG Editor。


openWYSIWYG


纯javascript开发的,跨浏览器WYSIWYG Editor。只一行简单的代码就能够将<textarea>标签转换成一个强大的WYSIWYG editor


Free Rich Text Editor

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

Xinha


Xinha是一个功能强大的WYSIWYG HTML编辑器,支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展,功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。


MarkitUp

MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。

·  支持快捷键

·  支持Ajax动态预览

·  支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+

·  支持html、Wiki、BBScode等编辑格式


SmartMarkUP


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


CKEditor


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


KindEditor


KindEditor是用JavaScript编写的HTML可视化编辑器。具有:

·  代码量少,加载速度快。

·  内置自定义range,完美地支持span标记。

·  所有功能都是插件,增加自定义功能非常简单。

·  编辑器风格定义在一个CSS文件里。

·  支持大部分浏览器,比如IE、Firefox、Safari、Chrome、Opera。


WMD-Editor


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


jHtmlArea


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


Reditor


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


HtmlBox


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


KISSY Editor


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

KISSY Editor

xhEditor


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可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷 

FileManager


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

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


jqeditor-svn343.zip ################ ### 功能列表 ### ################ 1、系统功能: 加粗、斜体、下划线、删除线、左对齐、右对齐、中介对齐 增加缩进、减少缩进、有序列表、无序列表、下标、上标 2、基础功能: 字体、字号、撤销、重做、源码、删除格式、插入图片、表格、字体颜色、背景颜色 插入多媒体文件、链接、特殊符号 3、定制功能: 一级目录、二级目录、内链、参考资料、快捷菜单 4、其他功能: 异步加载、全屏编辑、右键菜单、地图 #################### ### 目录结构 ### #################### - src |- lang |- zh-cn.js |- en.js |- ... |- core.js |- icons.js |- mod |- mod.*.js |- plugin |- plugin.*.js - jqeditor.min.js - style |- spacer.gif |- icon_mce.gif |- content_default.css - skins |- mce.css #################### ### 要 求 ### #################### 1.代码结构要清晰,业务代码和逻辑分离,方便开发和维护; 2.方便扩展; 3.功能定制性强、满足多种需求; 4.兼容性好; 5.可以同时存在多个编辑器; 6.不常用的多个插件代码可以整合为一个文件,延迟加载, 不常用且代码量很多的个别插件可以在首次使用时加载, 7.增加编辑器事件机制,事件过程可以分为初始化阶段、编辑器加载完成阶段、命令触发时段等。 模块可以向各个时段注册需要执行的代码,通过此模式降低核心和模块的耦合度。 避免在核心代码但这直接调用模块代码, 如在核心方法中使用 E.mod('Panel').set() 等就是增加了耦合性。 8.模块、插件支持热插拔; #################### ### 代码组织方式 ### #################### 代码主要指js代码,大致分三部分:核心、模块、插件,核心文件是一个core.js, 为了方便开发和维护,每个模块或插件都是一个独立的js文件。 核心:编辑器框架,不包含具体功能,所有功能通过模块或插件形式进行扩展; 模块:会重复使用的功能,不会对应具体的按钮; 插件:唯一功能 #################### ###  开发计划  ### #################### 1、核心框架 core.js 2、主要模块 E.mod("Confirm") E.mod("Panel") E.mod("History") E.mod("Event") E.mod("Toolbar") E.mod("Data") E.mod("Selection") ... 3、主要插件 Redo, Undo Font Image Link ForeColor,BackColor Source,PasteText PasteWord Save AutoHeight ... #################### ###  开发插件  ### #################### 开发插件是相当简单的事情,插件分为有界面插件和无界面插件,无界面的插件会更简单一些,如撤销、重做、表格操作等插件。 1、无界面插件,以plugin.history.js为例,仅需要一个click方法即可 (function(E){ var Consts = E.consts; E.plugin("Redo,Undo", { click: function( Panel, self, target ){ var name = self.name, History=E.mod("History"); if (History){ History[name]( ); }else{ E.execCommand(name); } return 1; } }); })(jQEditor); 2、有界面插件,以plugin.link.js为例 /** * 超链接插件 * 请注意插件会继承 Base_Plugin 的属性,在core.js当中定义,界面插件需要设置config属性、init方法、get方法。 */ (function(E){ var Consts = E.consts; E.plugin("Link", { config: { //面板宽度 width:320 }, init: function( self ){ //fill="Selection" //指定此属性后,会自动将编辑器中选中的文字赋值到此文本框 self.cache['html'] = 'html.....'; }, /** * 返回要插入到编辑器的html代码 */ get: function( panel, self ){ var v = self.getValues( panel ), html=''; if( v.text && v.url ){ html = '<a href="'+v.url+'" target="'+v.target+'">'+v.text+'</a>'; }else if( !v.text ){ self.error( '请输入超链接文字' ); }else if( !v.url ){ self.error( '请输入超链接网址' ); } return html } }); })(jQEditor);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值