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

富文本编辑器，也就是所见即所得的 HTML 编辑器，是网站一个非常重要的组件，特别是对于一些内容发布网站来说。本文介绍 10 个基于 jQuery 的可视化文本编辑器。

MarkitUp

markItUp！ 并不是全功能的编辑器，它是一个非常轻量级、可定制的灵活引擎，适合 CMS、博客、论坛等网站。makrItUp 并不是所见即所得的，以后也不会是。

demo / source

JWYSIWYG

这是一个内嵌的内容编辑器，可直接编辑HTML内容，并具备所见即所得的效果，该插件体积非常小，只有不到 26K。

demo / source

RTE jQuery

该编辑器同样非常小而且易用，并可根据需要进行定制，jquery.rte.js 文件只有 7k （未压缩），兼容主流浏览器 （IE6， Firefox 2， Opera 9， Safari 3.03）

demo / source

jHtmlArea

jHtmlArea 是一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个 WYSIWYG HTML Editor。整个编辑器包括图片和CSS大小只有22k。

demo / source

WYMEditor

WYMeditor 是一个基于Web浏览器的可视化HTML编辑器，界面如下图所示

demo / source

uEditor

uEditor 是一个灵活易用的编辑器，生成的HTML代码很简单整洁，可通过 css 定制外观

demo / source

jQuery WYSIWYG Rich Text Editor

jQuery Wysiwyg 是一个易于集成和定制的编辑器，支持浏览器：IE6， IE7， IE8， FF3， Opera9， Safari4， Google Chrome2，使用 MIT 授权

demo / source

HtmlBox

HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML，但也可以输出XHTML。 集成Ajax支持。

demo / source

CLEditor

CLEditor 是一个开源的 jQuery 插件，提供轻量级、全功能、跨浏览器支持以及可扩展的 WYSIWYG 的 HTML 编辑器。

demo / source

WYMeditor： web-based XHTML editor

WYMeditor 是一个 XHTML 编辑器，主要概念是做可视化布局，侧重结构。

demo / source

文章来源：开源中国社区