富文本编辑器,也就是所见即所得的 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
文章来源:开源中国社区