jQuery WYSIWYG富文本编辑器
基于 jQuery 的富文本编辑器插件，jQuery WYSIWYG 编辑器，用起来真是挺顺手的。它让你在网页里编辑文本就像用 Word 一样，插图加粗都不在话下，对非技术用户也友好。
编辑器的核心是jquery.wysiwyg.js，封装好了常用的格式化操作，比如加粗、斜体、插图啥的。调用方式也简单，一句$('#editor').wysiwyg();就能搞定，响应也快，兼容性不错。
样式部分交给jquery.wysiwyg.css，你可以按项目风格改颜色、按钮样式啥的；图标资源放在jquery.wysiwyg.gif和jquery.wysiwyg.jpg里，换成自己的图标也挺方便。
上线环境推荐用jquery.wysiwyg.pack.js，压缩过的，体积小，加载快。调试的话还是老老实实用完整版，代码可读性好一些。
它底层靠的是 HTML5 的contentEditable属性，再配合Range、Selection这些 API，可以实现更复杂的操作。你操作的是可视区域，编辑器同步把这些操作转成对应的 HTML 结构。
如果你做的是后台管理系统、博客、论坛这种需要用户发帖的页面，用它基本够用。UI 样式、图标资源、功能模块都能改，扩展性还不错，和 jQuery 项目集成起来也挺顺。
有空可以看看jQuery 富文本编辑器这篇文章，里面讲得也挺细。
文件大小：73.82KB
评论区