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

来源:互联网 发布:js获取span的value值 编辑:程序博客网 时间:2024/05/22 14:05

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:19lanvv      
不错
 回复 引用 查看   
#5楼 2009-12-25 07:22徐少侠      
Ajax ToolKit里面也有一个简单的HTML编辑器
 回复 引用 查看   
#6楼 2009-12-25 08:48eolande      
谢谢,对我们很有帮助~
 回复 引用 查看   
#7楼 2009-12-25 08:49relax      
有用,留名关注
 回复 引用 查看   
#8楼 2009-12-25 09:09zhouyu      
除了Fck,其它的都没用过
 回复 引用 查看   
#9楼 2009-12-25 09:09贰陆      
目前来说,生成的代码最符合Web标准的,还是fck
 回复 引用 查看   
#10楼 2009-12-25 09:15sun8134      
Ajax ToolKit自带的editor也挺不错的
而且支持继承...
也能方便的定制...
(就是不带上传文件,比较郁闷...)
 回复 引用 查看   
#11楼 2009-12-25 09:24Seasun海豚      
支持,还继续支持FCK。收藏了。
 回复 引用 查看   
#12楼 2009-12-25 09:54rock.dean      
不错不错
 回复 引用   
#13楼 2009-12-25 10:06从此学习网[未注册用户]
很实用,从此学习网转载此文:
http://www.***/
 回复 引用 查看   
#14楼 2009-12-25 10:16xhp      
http://www.kindsoft.net/

这个编辑器貌似也不错
 回复 引用   
#15楼 2009-12-25 10:50radd[未注册用户]
fck已经收费了...
免费的版本N多限制..
 回复 引用 查看   
#16楼 2009-12-25 10:56nighrmare23      
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具有图片上传功能



仿照新浪

原创粉丝点击