10个最佳jQuery和HTML5所见即所得插件
HTML5 WYSIWYG(你所看到的就是你得到的)编辑总是很高的需求。 但是,现在有这么多的身边,它是很难找到的最好的。 在这篇文章中,我将介绍一些最好的jQuery和HTML5所见即所得的插件,节省您的时间找到适合您的需要的插件。
Froala
Froala所见即所得的HTML编辑器非常容易集成和使用。 它需要最少的编码知识。 它需要的jQuery 1.11.0或更高版本,并命名为标志性的字体字体真棒 4.4.0。 在所有组合的UI和UX配有,还配备了针对XSS攻击强大的防御机制。
强调
- 34 KB gzip压缩
- 在线编辑
- 键盘快捷键可用
- 要求基本的HTML和JavaScript知识
- 黑暗与光明的主题(可以通过编辑LESS文件进行定制)
- 优化移动
- MS-Word中友好
- 34种语言的支持,包括RTL(从右到左)的支持
ContentTools
ContentTools是一个小而美的内容编辑。 本库没有使用任何JavaScript框架或库(甚至没有jQuery的),但其中任何一个很好的发挥。 所述ContentTools包由5米的库,其各自可以独立地用完。 它的设计很容易扩展。
强调
- 49 KB gzip压缩
- 在线编辑
- 调整大小的图像和视频
- 支持撤消/重做
阿罗哈
阿罗哈编辑器是一个功能性的内容编辑库。 它允许你创建Web应用程序无缝嵌入编辑经验。 主要con是,它依然不支持图像插入。
强调
- 142KB大小
- MS-Word中友好
- 跨浏览器兼容
- 定制
TinyMCE的
TinyMCE的是一个基于Web的平*立的JavaScript的HTML所见即所得。 它能让你在HTML文本区域字段或其他HTML元素转换成编辑器实例。 您可以上传和微软Azure,谷歌驱动器,亚马逊S3,Dropbox和更多的管理文件。 它遵循WAI-ARIA规范 ,使其与屏幕阅读器,如JAWS和NVDA兼容。 也有在其中获得优先支持的企业解决方案。
强调
- 现场媒体嵌入
- 内置的图像编辑
- 拼写检查(企业)
- MS-Word中友好
- 40个多种语言支持
- 强大的跨浏览器性能
bootstrap3所见即所得
bootstrap3所见即所得是一个JavaScript插件,可以很容易的帮助下创建简单的,美丽的WYSIWYG编辑器wysihtml5和Twitter的引导 。
强调
- 206 KB精缩
- RequireJS支持
- 工具栏自定义模板
- 自定义主题可用
- 公开事件等
load
和blur
Summernote
Summernote是基于引导文本编辑器。 有相关的可用各种主题,他们是由供电Bootswatch 。 也有转化为标题物质为主题的版本MaterialNote
强调
- 80 KB JS + CSS
- 支持引导的3.xx
- 可以使用Django,导轨或角很容易地集成
- 轻松定制
- CodeMirror整合
CKEditor的
CKEditor的是一个随时可以使用的HTML文本编辑器,旨在简化Web内容的创建。 它带来了共同的文字处理功能,直接到你的网页。
强调
- 使用自定义的构建CKBuilder
- MS Word中友好
- 在线编辑
- 撤销/重做支持
- RTL支持
- 大约60种语言的支持
Trumbowyg
Trumbowyg是最轻的所有这里列出的编辑器。 虽然所有现有的所见即所得的编辑器比45KB大,Trumbowyg只有16 KB。 这取决于jQuery的> = 1.7。
强调
- 只有16 KB
- 30+的本地化
主编
主编是一个优质的支持团队快速,功能强大且可扩展的编辑器。 它已经存在了过去7年,目前正在积极发展。 它还可以自动上传图像到Amazon S3。
强调
- 75 KB精缩
- 嵌入式文本编辑
- CodeMirror支持
- 对图像中的拖放功能
- 由于编辑器基于插件的,它可以很容易地扩展。
结论
在本文中,我已经展示了什么,我认为是一些最优秀的jQuery和HTML5 WYSIWYG插件 。 我希望这这篇文章能帮助您在为项目选择一个好的文本编辑器,节省一些时间找到最适合您需要的插件。