10个免费的jQuery可视化编辑器插件

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

原文出自：开源中国社区