10 个最棒的 jQuery 和 HTML 所见即所得编辑器插件.docx

《10 个最棒的 jQuery 和 HTML 所见即所得编辑器插件.docx》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、10个最棒的jQuery和HTML所见即所得编辑器插件HTML5所见即所得WYSIWYG(WhatYouSeeIsWhatYouGet)编辑器的需求量是非常大的。但是现在有太多这样的编辑器了，想要从其中找到一个合适的并不容易。今天这篇文章为大家分享10个我认为是十分棒的所见即所得插件，应该有适合你的需求并能节省你时间的。1.FroalaFroala所见即所得HTML编辑器非常易于整合和使用。它几乎不需要你掌握任何代码知识。它需要jQuery1.11.0或者更高版本、以及FontAwesome4.4

2、.0字体图标的支持。除了整合的UX以及UI外，还提供了很好的XSS攻击保护。特点：·文件压缩后34K·行内编辑·支持键盘快捷键·要求基本的HTML和JavaScript知识·深浅两种主题·对移动端做了优化·支持Word·34种语言支持以及RTL(RighttoLeft)从右向左支持2.ContentToolsContentTools是一个小而美的内容编辑器。该库不需要任何JavaScript框架或库的支持(包括jQuery)，但是却表现很好。ContentTools包由5个库组成，每一个都可以单独

3、使用，并且该插件易于扩展。特点：·压缩后49KB·行内编辑·可以调整图片和视频大小·支持撤销/重做(undo/redo)3.RaptorEditorRaptorEditor是一个开源的JavaScript所见即所得HTML编辑器，对用户友好，易于集成和定制。它为行内编辑而设计，是复杂的多块布局的理想选择。它所用最新的技术如HTML5ContentEditable及jQuery，特性有内置单元测试、模块化、可扩展及插件API。特点：·支持行内编辑·灵活的对接选项·可定制的主题·良好的文档4.Aloh

4、aAloha是一个多功能的内容编辑库。它允许在你的WEB应用中无缝的嵌入编辑。主要缺点是不支持图片插入。特点：·142KB·支持WORD·跨浏览器兼容·易于定制5.TinyMCETinyMCE是一个基于WEB的独立的JavaScript的HTML所见即所得平台。它允许你把HTMLtextarea字段或其他元素转化为编辑器实例。它遵循WAI-ARIA规范，使得它适用于屏幕阅读器如JAWS和NVDA。它还有一个你可以得到优先支持的企业方案。特点：·实时媒体嵌入·内置图像编辑·拼写检查（企业版）·支持W

5、ORD·40+语言支持·跨浏览器6.Bootstrap3-wysiwygBootstrap3-wysiwyg是一个JavaScript插件，由于使用wysihtml5及BootStrap，使得它是一个易用使用且漂亮的所见即所得编辑器。特点：·压缩后206KB·支持RequireJS·可自定义工具栏模版和主题·提供事件如load和blur。7.SummernoteSummernote是一个基于Bootstrap的文本编辑器，提供了各种不同的主题供选择。也有一个Material版本的主题，叫做Mate

6、rialNote。特点：·JS+CSS共80KB·支持Bootstrap3.x.x·容易迁移到Django,Rails或Angular·易于定制·CodeMirror一体化8.CKEditorCKEditor是一个好用的HTML编辑器，专为简化WEB内容创作而设计。它把普通的文字处理工作直接带到WEB页面来实现。特点：·使用CKBuilder定制而来·支持WORD·行内编辑·撤消/重做支持·RTL(右到左)支持·支持60多种语言9.TrumbowygTrusmbowyg是这里列出的编辑器中最轻便的

7、。所有其他所见即所得编辑器都大于45KB，而Trumbowyg只有16KB。它要求jQuery>=1.7。特点：·只有16KB·30多种语言支持10.RedactorRedactor是一个快速、强大、可扩展的编辑器，它已经存在了差不多7年了，并且还在不断开发。它会自动把图片上传到AmazonS3。·压缩后75KB·行内编辑·支持CodeMirror·图片拖放功能·由于该编辑器是基于插件的，所以很容易定制总结这篇文章中为你展示了10个我认为是最棒的jQuery和HTML所见即所得编辑器插件，我希望这

8、个列表在你需要为你的项目选择文本编辑器的时候有所帮助，希望有一款能够节省你寻找的时间并且适合你的需求。