10个最棒的jQuery和HTML所见即所得编辑器插件
HTML5所见即所得WYSIWYG(What You See Is What You Get)编辑器的需求量是非常大的。但是现在有太多这样的编辑器了,想要从其中找到一个合适的并不容易。
今天这篇文章为大家分享10个我认为是十分棒的所见即所得插件,应该有适合你的需求并能节省你时间的。
1.Froala
Froala所见即所得HTML编辑器非常易于整合和使用。它几乎不需要你掌握任何代码知识。它需要jQuery1.11.0或者更高版本、以及Font Awesome4.4.0字体图标的支持。除了整合的UX以及UI外,还提供了很好的XSS攻击保护。
特点:
?文件压缩后34K
?行内编辑
?支持键盘快捷键
?要求基本的HTML和JavaScript知识
?深浅两种主题
?对移动端做了优化
?支持Word
?34种语言支持以及RTL(Right to Left)从右向左支持
2.ContentTools
ContentTools是一个小而美的内容编辑器。该库不需要任何JavaScript框架或库的支持(包括jQuery),但是却表现很好。ContentTools包由5个库组成,每一个都可以单独使用,并且该插件易于扩展。
特点:
?压缩后49KB
?行内编辑
?可以调整图片和视频大小
?支持撤销/重做(undo/redo)
3.Raptor Editor
Raptor Editor是一个开源的JavaScript所见即所得HTML编辑器,对用户友好,易于集成和定制。它为行内编辑而设计,是复杂的多块布局的理想选择。它所用最新的技术如HTML5ContentEditable及jQuery,特性有内置单元测试、模块化、可扩展及插件API。
特点:
?支持行内编辑
?灵活的对接选项
?可定制的主题
?良好的文档
4.Aloha
Aloha是一个多功能的内容编辑库。它允许在你的WEB应用中无缝的嵌入编辑。
主要缺点是不支持图片插入。
特点:
?142KB
?支持WORD
?跨浏览器兼容
?易于定制
5.TinyMCE
TinyMCE是一个基于WEB的独立的JavaScript的HTML所见即所得平台。它允许你把HTML textarea字段或其他元素转化为编辑器实例。它遵循WAI-ARIA规范,使得它适用于屏幕阅读器如JAWS和NVDA。它还有一个你可以得到优先支持的企业方案。
特点:
?实时媒体嵌入
?内置图像编辑
?拼写检查(企业版)
?支持WORD
?40+语言支持
?跨浏览器
6.Bootstrap3-wysiwyg
Bootstrap3-wysiwyg是一个JavaScript插件,由于使用wysi html5及BootStrap,使得它是一个易用使用且漂亮的所见即所得编辑器。
特点:
?压缩后206KB
?支持RequireJS
?可自定义工具栏模版和主题
?提供事件如load和blur。
7.Summernote
Summernote是一个基于Bootstrap的文本编辑器,提供了各种不同的主题供选择。也有一个Material版本的主题,叫做MaterialNote。
特点:
?JS+CSS共80KB
?支持Bootstrap3.x.x
?容易迁移到Django,Rails或Angular
?易于定制
?CodeMirror一体化
8.CKEditor
CKEditor是一个好用的HTML编辑器,专为简化WEB内容创作而设计。它把普通的文字处理工作直接带到WEB页面来实现。
特点:
?使用CKBuilder定制而来
?支持WORD
?行内编辑
?撤消/重做支持
?RTL(右到左)支持
?支持60多种语言
9.Trumbowyg
Trusmbowyg是这里列出的编辑器中最轻便的。所有其他所见即所得编辑器都大于45KB,而Trumbowyg只有16KB。它要求jQuery>= 1.7。
特点:
?只有16KB
?30多种语言支持
10.Redactor
Redactor是一个快速、强大、可扩展的编辑器,它已经存在了差不多7年了,并且还在不断开发。它会自动把图片上传到Amazon S3。
?压缩后75KB
?行内编辑
?支持CodeMirror
?图片拖放功能
由于该编辑器是基于插件的,所以很容易定制
总结
这篇文章中为你展示了10个我认为是最棒的jQuery和HTML所见即所得编辑器插件,我希望这个列表在你需要为你的项目选择文本编辑器的时候有所帮助,希望有一款能够节省你寻找的时间并且适合你的需求。