最近几天一直在寻找一款在线的文本编辑器,并试用了其中一些,有些体会,现记录于下: 一个国外的网站,记录了一份几乎涵盖所有 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
jwysiwyg
Damn Small Rich Text Editor
EditArea
EditArea是一个javascript源代码编辑器。支持:文本格式化,搜索与替换,实时语法着色加亮。当前支持的语言包括:PHP、CSS、Javascript、Python、HTML、XML、VB、C、CPP、SQL、Pascal、Basic、Brainf*ck。 EditArea
Highlight
NicEdit
NicEdit是一个轻量级,跨平台的Inline Content Editor。NicEdit能够让任何 element/div变成可编辑或者能够把标准的textareas转换成Rich文本编辑器。 NicEdit
Damn Small Rich Text Editor
基于jQuery开发,压缩之后只有18k左右的Rich Text Editor。提供所有基本的Rich Text功能,调整文本区域大小,使用AjaxFileUpload插件上传图片,清除HTML标签,标记文本修改,支持多种浏览器(FF1.5+、IE7、IE6)。此外还支持通过插件来扩展文本处理功能。 Damn Small Rich Text Editor
jQuery
WYMeditor
TinyMCE
TinyMCE是一个开源,纯JavaScript HTML WYSIWYG编辑器。它能够把HTML TEXTAREA或其它HTML标签转换成Rich编辑器。TinyMCE非常易于集成到其它内容管理系统中。可以通过外观/主题和插件来定制满足自己需求的编辑器。提供汉化语言包。多浏览器支持:Mozilla、MSIE、FireFox、Opera和Safari。此外你还可以很方便地使用Ajax来保存和加载内容。 TinyMCE
Yahoo! UI : Rich Text Editor
FCKeditor
FCKeditor是一个类似于MS Word的HTML文本编辑器。兼容多种浏览器,输出符合XHTML1.0标准,支持CSS以便能够与你的网站更好的结合,提供右键操作菜单,支持直接从Word粘贴,可以自己定制功能工具条,支持皮肤更换和通过插件扩展功能等。 FCKeditor
Control.Editor
openWYSIWYG
纯javascript开发的,跨浏览器WYSIWYG Editor。只一行简单的代码就能够将 <textarea>标签转换成一个强大的 WYSIWYG editor。 openWYSIWYG
Free Rich Text Editor
Free Rich Text Editor是一个易于使用的HTML WYSIWYG编辑器。只需要三行代码,就能够安装该编辑器。支持以下浏览器:
Xinha
Xinha是一个功能强大的WYSIWYG HTML编辑器,支持所有基于Mozilla的浏览器和MS IE。它具有易于扩展,功能模块丰富等特性。并且提供文件管理、图片上传插件、还可以对图片进行简单的编辑等功能。 Xinha
MarkitUp
MarkitUp是一个轻量级,可定制,灵活的WYSIWYG Editor。
支持快捷键
支持Ajax动态预览
支持IE7、Safari3.1、Firefox2、Firefox3、IE6和Opera9+
支持html、Wiki、BBScode等编辑格式
MarkitUp
jQuery
SmartMarkUP
SmartMarkUP是一个轻量级,强大的JavaScript library,它能够将Textarea控件转换成富文本编辑器。支持HTML、CSS、XML、Wiki语法、BBCode等,可按实际需求配置。SmartMarkUP没有基于任何javascript框架开发,易于现有项目结合使用。 SmartMarkUP
CKEditor
CKEditor是FCKeditor的3.0版本,具有更好的性能和丰富、强大的集成/交互接口以及一个崭新的用户界面等。 CKEditor
KindEditor
KindEditor是用JavaScript编写的HTML可视化编辑器。具有:
代码量少,加载速度快。
内置自定义range,完美地支持span标记。
所有功能都是插件,增加自定义功能非常简单。
编辑器风格定义在一个CSS文件里。
支持大部分浏览器,比如IE、Firefox、Safari、Chrome、Opera。
KindEditor
WMD-Editor
WMD(Wysiwym Markdown Editor)是一个简单,轻量级的HTML编辑器。适合在博客发表评论,论坛发贴中使用。 WMD-Editor
jHtmlArea
一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。 jHtmlArea
jQuery
Reditor
HtmlBox
HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。集成Ajax支持。 HtmlBox
jQuery
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可视化编辑解决方案,在您获得安全高效代码存储的同时,又能享受可视化编辑的便捷
xhEditor
jQuery
FileManager
这是一个开源,基于jQuery开发的文件管理器,可以集成到CKEditor/FCKEditor 和其它HTML编辑器中使用。实现文件上传、下载、重命名、删除。FileManager默认服务器端处理采用Python实现,但可以通过其提供的一个简单JavaScript API来扩展对其它语言的支持。 FileManager
jQuery
|
演示网站:http://www.aigou8.net
分享到:
相关推荐
以下是几款常见的在线文本编辑器的比较: 1. FCKeditor:FCKeditor 是一个功能强大、流行的在线文本编辑器,它具有完整的帮助文档、社区支持、多种定义方式和中文支持等特点。但是,它的体积较大,近 300K。 2. ...
"jQuery富文本编辑器Notebook"是一个专为创建简洁、整洁且美观的所见即所得(WYSIWYG)编辑器而设计的工具。这款编辑器利用了流行的jQuery库,旨在提供一个用户友好的界面,使得内容创作者可以轻松地进行文字编辑、...
这款基于jQuery的简单富文本编辑器插件,结合了CSS3技术,提供了基础但实用的编辑选项,适用于快速构建具有文本编辑功能的网页界面。 首先,jQuery是一个广泛使用的JavaScript库,它的出现极大地简化了JavaScript的...
HtmlBox是一款高效、轻量级的jQuery文本编辑器,旨在提供类似Word的在线编辑体验。该编辑器支持多种样式,可以满足不同网站设计的需求。HtmlBox 4.0.3作为较新的版本,不仅在性能上有所提升,还增加了一些新的功能...
**jQuery轻量级文本编辑器**,是一种基于流行的JavaScript库jQuery构建的高效、小巧的在线文本编辑工具。这种编辑器设计的目标是为网页提供一种简便的富文本输入体验,允许用户像在桌面应用中那样编辑内容,而无需...
在IT领域,文本编辑器是开发人员日常工作中不可或缺的工具,尤其对于JavaScript和jQuery开发者而言。文本编辑器不仅用于编写代码,还支持多种语言、提供语法高亮、自动完成等功能,极大地提高了工作效率。这里我们将...
这款所见即所得的jQuery文本编辑器利用jQuery的强大功能,提供了一系列便捷的API和插件,如插入图片、创建链接、格式化文本等,使开发者能轻松实现复杂的功能。 编辑器支持多国语言,这意味着它可以满足全球用户的...
我们介绍过的在线文本编辑器不是很多,功能最强大的要算...今天我们要分享一款基于jQuery的在线文本编辑器,同样它也是所见即所得的编辑器,该文本编辑器的特点是UI界面相当漂亮,而且编辑器的功能按钮可以自定义扩展。
jQuery文本编辑器通常通过插件形式提供,它们利用jQuery的强大功能,提供丰富的编辑选项、格式化工具和自定义设置。例如,其中可能包含以下核心功能: 1. **富文本编辑**:编辑器支持插入和格式化文本,如加粗、...
wangEditor就是这样一个强大的富文本编辑器,它专为JavaScript和jQuery设计,同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用,具有丰富的功能,包括图片可拖拽调整大小,以及方便地...
**jQuery插件集:Web文本编辑器jWYSIWYG** 在Web开发中,文本编辑器是不可或缺的一部分,尤其在创建内容管理系统、论坛或者博客时。`jWYSIWYG`是一个基于jQuery的轻量级插件,它提供了一个所见即所得(WYSIWYG)的...
创建一个简单的在线文本编辑器涉及到以下几个关键步骤: 1. **前端构建**:使用HTML元素如`<textarea>`作为原始文本输入区域,然后用JavaScript或者jQuery等库来转换这个区域为可编辑的富文本区域。 2. **事件监听**...
jQuery富文本编辑器Notebook就是这样一款专为提升用户体验而设计的工具,它以其简洁、高效和易用性赢得了开发者和用户的喜爱。 Notebook编辑器的核心特性在于其“简单、干净、优雅”的设计理念。它注重用户体验,...
QQ邮箱在线文本编辑器是一款专为QQ邮箱设计的富文本编辑工具,允许用户在编写邮件时享受到更加便捷和丰富的编辑体验。它提供了ASP和PHP两种版本,以适应不同服务器环境的需求。这款编辑器的主要功能是增强邮件正文的...
Summernote.js是一款基于jQuery和Bootstrap的富文本编辑器,它以直观的WYSIWYG(所见即所得)界面为用户提供编辑体验。这款编辑器的特点包括: 1. **简洁的用户界面**:Summernote的UI设计符合Bootstrap的风格,...
2. **富文本编辑器原理**:富文本编辑器允许用户输入文本,并可以进行格式化操作,如加粗、斜体、插入图片、链接等。它们通常基于`contenteditable`属性来创建可编辑区域,通过监听键盘事件和DOM操作实现各种编辑...
`jquery.wysiwyg.css` 是jQuery文本编辑器的样式表文件,它定义了编辑器的外观和布局,包括按钮、工具栏、字体样式、颜色、对齐方式等。通过CSS,我们可以自定义编辑器的颜色主题,调整按钮大小,设置边距和填充,...
在给定的“jquery 富文本编辑器”主题下,我们将深入探讨jQuery框架下实现富文本编辑器的相关知识点。 首先,jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery...
`Summernote` 就是这样一款基于这两者的强大富文本编辑器插件,它结合了 jQuery 的便利性和 Bootstrap 的美观性,为用户提供了直观、易用的编辑体验。 **jQuery 插件与 Bootstrap 结合** jQuery 是一个轻量级的...
jQuery在线编辑器是一种基于jQuery库的富文本编辑器插件,它为用户在网页上提供了一种便捷的方式来创建、编辑和格式化文本内容,类似于Word等桌面文字处理软件的功能。此类编辑器通常用于博客、论坛、内容管理系统...