10个免费的javascript富文本编辑器（jQuery and non-jQuery）

http://www.cnblogs.com/ywqu/archive/2009/12/25/1631766.html

祝愿园子里的朋友圣诞节快乐。

本文介绍了10个免费易用富文本编辑器（rich text editors，RTE），其中5个是Jquery插件，另外5个是非Jquery富文本编辑器

简介

Javascript富文本编辑器使我们添加、编辑网站中的文章更加方便和容易。这些富文本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能，可以像编辑word文档一样，方便地编辑网站中文章，常用于内容管理系统和博客系统等。

下面列出了常用的10个富文本编辑器，有最基础的格式富文本编辑器，也有复杂的具有文件上传能、创建表格功能、Ajax支持的富文本编辑器。

希望大家喜欢

MarkitUp - jQuery

Official Website | Demo

一个轻量级的、可定制的和灵活的富文本编辑器，常用在CMS、Blog、论坛等网站上。

markItUp不是一个所见即所得的编辑器，支持一些常用快车键和常用的浏览器。

jWYSIWYG - jQuery

Official Website | Demo

jWYSIWYG是比较常用的Jquery所见即所得编辑器，提供了html代码编辑功能、文字编辑功能，图片连接功能，从而保证了jWYSIWYG的简单的特性。

Lightweight RTE- jQuery

Official Website | Demo

Lightweight RTE是一个非常简单的Jquery富文本编辑器，体积只有7kb。提供了一些基本的文字格式化操作功能。

HTMLBox - jQuery

Official Website | Demo

HTMLBox跨浏览器、交互性非常好、开源的Jquery富文本编辑器，在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常用浏览器下测试通过。此编辑器用户手册可以帮住你非常容易地把此编辑器整合到自己的Web系统中

D Small Rich Text Editor - jQuery

Official Website | Demo

D Small Rich Text Editor使用了AjaxFileUpload 插件实现图片上传功能。

WYMEditor - jQuery

Official Website | Demo

WYMeditor是一个所建即所得Jquery富文本编辑器。支持插件扩展功能、

TinyMCE - non-jQuery

Official Website | Demo

TinyMCE 国内很多网站都在使用，是一个非常不错的所见即所得编辑器，而且开源。具体功能不再赘述，大家自己发现吧。

fckeditor - Non-jQuery

Official Website | Demo

Fckeditor是一个功能非常强大的富文本编辑器，博客园有使用此编辑器，我做的大部分项目也使用此编辑器，是asp.net网站的首选，提供了weconfig.xml文件用来定制符合自己需求的富文本编辑器。完全可以与MS的Word媲美。

Yahoo YUI Rich Text Editor - Non-jQuery

Official Website | Demo

YUI Rich Text Editor是轻量级的富文本编辑器，提供了一些常用的文字编辑功能。

Xinha - Non-jQuery

Official Website | Demo

Xinha是一个所见即所得的富文本编辑器，提供了强大的文字，图片。视频。音频等编辑功能

版权

作者：灵动生活

出处：http://www.cnblogs.com/ywqu

如果你认为此文章有用，请点击底端的【推荐】让其他人也了解此文章，

你也可以加我的新浪微博,以便实时了解我的动态:http://weibo.com/ywqu

WOWO Mandarin(英语培训)：http://www.wowomandarin.com上海网站制作

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

分类: Jquery基础知识学习笔记, UI界面设计

标签: Jquery, javascript富文本编辑器, jquery文本编辑器, asp.net 富文本编辑器

绿色通道：好文要顶关注我收藏该文与我联系

灵动生活
关注 - 47
粉丝 - 229

荣誉：推荐博客

+加关注

28

0

(请您对文章做出评价)

« 博主前一篇：UML建模之业务处理模型（Business Process Model,BPM）
» 博主后一篇：UML建模之数据建模（Data Model Diagram）

posted @ 2009-12-25 00:28 灵动生活 阅读(12437) 评论(31) 编辑 收藏

发表评论

2265650

　回复　引用　查看　

#1楼 2009-12-25 00:30 伊牛娃

博主这么晚还在分享

支持

　回复　引用　查看　

#2楼[楼主] 2009-12-25 00:36 灵动生活

@伊牛娃
谢谢，感觉这些编辑器比较好用，于是与园子的朋友分享一下，你也同样没有休息！呵呵

　回复　引用　查看　

#3楼 2009-12-25 01:56 深山老林

不错。

　回复　引用　查看　

#4楼 2009-12-25 02:19 lanvv

不错

　回复　引用　查看　

#5楼 2009-12-25 07:22 徐少侠

Ajax ToolKit里面也有一个简单的HTML编辑器

　回复　引用　查看　

#6楼 2009-12-25 08:48 eolande

谢谢,对我们很有帮助~

　回复　引用　查看　

#7楼 2009-12-25 08:49 relax

有用，留名关注

　回复　引用　查看　

#8楼 2009-12-25 09:09 zhouyu

除了Fck，其它的都没用过

　回复　引用　查看　

#9楼 2009-12-25 09:09 贰陆

目前来说，生成的代码最符合Web标准的，还是fck

　回复　引用　查看　

#10楼 2009-12-25 09:15 sun8134

Ajax ToolKit自带的editor也挺不错的
而且支持继承...
也能方便的定制...
（就是不带上传文件，比较郁闷...）

　回复　引用　查看　

#11楼 2009-12-25 09:24 Seasun海豚

支持，还继续支持FCK。收藏了。

　回复　引用　查看　

#12楼 2009-12-25 09:54 rock.dean

不错不错

　回复　引用　

#13楼 2009-12-25 10:06 从此学习网[未注册用户]

很实用，从此学习网转载此文：
http://www.***/

　回复　引用　查看　

#14楼 2009-12-25 10:16 xhp

http://www.kindsoft.net/

这个编辑器貌似也不错

　回复　引用　

#15楼 2009-12-25 10:50 radd[未注册用户]

fck已经收费了...
免费的版本N多限制..

　回复　引用　查看　

#16楼 2009-12-25 10:56 nighrmare23

thank you for sharing...

　回复　引用　查看　

#17楼 2009-12-25 11:24 夏雪

引用 nighrmare23：thank you for sharing...

　回复　引用　查看　

#18楼 2009-12-25 11:34 ·风信子·

tinymce很不错。

By the way, tinymce有jquery的集成版本，直接$("textarea").tinymce();就OK了。

　回复　引用　查看　

#19楼 2009-12-25 12:09 牛腩

现在用kindeditor

　回复　引用　查看　

#20楼 2009-12-25 12:38 天天

昨天看到了，但是这些编辑器没有一个适合我的，
1.MarkitUp 没有实时预览功能，例如加粗，用户希望看到效果，而不是使用<strong></strong>标识，当然用户点击预览才能够看到效果，这对一般用户而言，很不舒服

2.jWYSIWYG的插入图片功能有一个致命的弱点：它的图片调用的是windows的插入图片对话框，用户点击“浏览”至少插入本地图片，没有上传到服务器，所以误导用户

3.Lightweight：功能有限

4.HtmlBox没用过，看起来还可以

5 Small Rich TExt Editor没用过
6. 界面也太丑了吧
后面几个都是重量级的还行

我现在用的是2个：简单的用类似QQ的编辑器，复杂的用新浪编辑器
仿照QQ具有图片上传功能



仿照新浪