allowtransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?url=http%3A%2F%2Fwww.csdn.net%2Farticle%2F2011-05-27%2F298817&type=3&count=&appkey=&title=%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%EF%BC%8C%E4%B9%9F%E5%B0%B1%E6%98%AF%E6%89%80%E8%A7%81%E5%8D%B3%E6%89%80%E5%BE%97%E7%9A%84HTML%E7%BC%96%E8%BE%91%E5%99%A8%EF%BC%8C%E6%98%AF%E7%BD%91%E7%AB%99%E4%B8%80%E4%B8%AA%E9%9D%9E%E5%B8%B8%E9%87%8D%E8%A6%81%E7%9A%84%E7%BB%84%E4%BB%B6%EF%BC%8C%E7%89%B9%E5%88%AB%E6%98%AF%E5%AF%B9%E4%BA%8E%E4%B8%80%E4%BA%9B%E5%86%85%E5%AE%B9%E5%8F%91%E5%B8%83%E7%BD%91%E7%AB%99%E6%9D%A5%E8%AF%B4%E3%80%82%E6%9C%AC%E6%96%87%E4%BB%8B%E7%BB%8D10%E4%B8%AA%E5%9F%BA%E4%BA%8EjQuery%E7%9A%84%E5%8F%AF%E8%A7%86%E5%8C%96%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8%E3%80%82&pic=&ralateUid=&language=zh_cn&rnd=1422669466789" width="22" height="16">
摘要:文本编辑器,也就是所见即所得的HTML编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说。本文介绍10个基于jQuery的可视化文本编辑器。
文本编辑器,也就是所见即所得的HTML编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说。本文介绍10个基于jQuery的可视化文本编辑器。
1.MarkitUp
markItUp!并不是全功能的编辑器,它是一个非常轻量级、可定制的灵活引擎,适合CMS、博客、论坛等网站。makrItUp并不是所见即所得的,以后也不会是。
demo / source
2.jWYSIWYG
这是一个内嵌的内容编辑器,可直接编辑HTML内容,并具备所见即所得的效果,该插件体积非常小,只有不到26K。
demo / source
3.RTE jQuery
该编辑器同样非常小而且易用,并可根据需要进行定制,jquery.rte.js文件只有7k(未压缩),兼容主流浏览器(IE6,Firefox 2,Opera 9,Safari 3.03)
demo / source
4.jHtmlArea
jHtmlArea是一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。
demo / source
5.WYMEditor
WYMeditor是一个基于Web浏览器的可视化HTML编辑器,界面如下图所示
demo / source
6.uEditor
uEditor是一个灵活易用的编辑器,生成的HTML代码很简单整洁,可通过css定制外观
demo / source
7.jQuery WYSIWYG Rich Text Editor
jQuery Wysiwyg是一个易于集成和定制的编辑器,支持浏览器:IE6,IE7,IE8,FF3,Opera9,Safari4,Google Chrome2,使用MIT授权
demo / source
8.HtmlBox
HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。集成Ajax支持。
demo / source
9.CLEditor
CLEditor是一个开源的jQuery插件,提供轻量级、全功能、跨浏览器支持以及可扩展的WYSIWYG的HTML编辑器。
demo / source
10.WYMeditor: web-based XHTML editor
WYMeditor是一个XHTML编辑器,主要概念是做可视化布局,侧重结构。
demo / source
原文出自:开源中国社区