10个最佳jQuery和HTML5所见即所得插件

HTML5 WYSIWYG(你所看到的就是你得到的)编辑总是很高的需求。 但是,现在有这么多的身边,它是很难找到的最好的。 在这篇文章中,我将介绍一些最好的jQuery和HTML5所见即所得的插件,节省您的时间找到适合您的需要的插件。

Froala

10个最佳jQuery和HTML5所见即所得插件

Froala所见即所得的HTML编辑器非常容易集成和使用。 它需要最少的编码知识。 它需要的jQuery 1.11.0或更高版本,并命名为标志性的字体字体真棒 4.4.0。 在所有组合的UI和UX配有,还配备了针对XSS攻击强大的防御机制。

强调

  • 34 KB gzip压缩
  • 在线编辑
  • 键盘快捷键可用
  • 要求基本的HTML和JavaScript知识
  • 黑暗与光明的主题(可以通过编辑LESS文件进行定制)
  • 优化移动
  • MS-Word中友好
  • 34种语言的支持,包括RTL(从右到左)的支持

ContentTools

10个最佳jQuery和HTML5所见即所得插件

ContentTools是一个小而美的内容编辑。 本库没有使用任何JavaScript框架或库(甚至没有jQuery的),但其中任何一个很好的发挥。 所述ContentTools包由5米的库,其各自可以独立地用完。 它的设计很容易扩展。

强调

  • 49 KB gzip压缩
  • 在线编辑
  • 调整大小的图像和视频
  • 支持撤消/重做

阿罗哈

10个最佳jQuery和HTML5所见即所得插件

阿罗哈编辑器是一个功能性的内容编辑库。 它允许你创建Web应用程序无缝嵌入编辑经验。 主要con是,它依然不支持图像插入。

强调

  • 142KB大小
  • MS-Word中友好
  • 跨浏览器兼容
  • 定制

TinyMCE的

10个最佳jQuery和HTML5所见即所得插件

TinyMCE的是一个基于Web的平*立的JavaScript的HTML所见即所得。 它能让你在HTML文本区域字段或其他HTML元素转换成编辑器实例。 您可以上传和微软Azure,谷歌驱动器,亚马逊S3,Dropbox和更多的管理文件。 它遵循WAI-ARIA规范 ,使其与屏幕阅读器,如JAWS和NVDA兼容。 也有在其中获得优先支持的企业解决方案。

强调

  • 现场媒体嵌入
  • 内置的图像编辑
  • 拼写检查(企业)
  • MS-Word中友好
  • 40个多种语言支持
  • 强大的跨浏览器性能

bootstrap3所见即所得

10个最佳jQuery和HTML5所见即所得插件

bootstrap3所见即所得是一个JavaScript插件,可以很容易的帮助下创建简单的,美丽的WYSIWYG编辑器wysihtml5Twitter的引导

强调

  • 206 KB精缩
  • RequireJS支持
  • 工具栏自定义模板
  • 自定义主题可用
  • 公开事件等loadblur

Summernote

10个最佳jQuery和HTML5所见即所得插件

Summernote是基于引导文本编辑器。 有相关的可用各种主题,他们是由供电Bootswatch 也有转化为标题物质为主题的版本MaterialNote

强调

  • 80 KB JS + CSS
  • 支持引导的3.xx
  • 可以使用Django,导轨或角很容易地集成
  • 轻松定制
  • CodeMirror整合

CKEditor的

10个最佳jQuery和HTML5所见即所得插件

CKEditor的是一个随时可以使用的HTML文本编辑器,旨在简化Web内容的创建。 它带来了共同的文字处理功能,直接到你的网页。

强调

  • 使用自定义的构建CKBuilder
  • MS Word中友好
  • 在线编辑
  • 撤销/重做支持
  • RTL支持
  • 大约60种语言的支持

Trumbowyg

10个最佳jQuery和HTML5所见即所得插件

Trumbowyg是最轻的所有这里列出的编辑器。 虽然所有现有的所见即所得的编辑器比45KB大,Trumbowyg只有16 KB。 这取决于jQuery的> = 1.7。

强调

  • 只有16 KB
  • 30+的本地化

主编

10个最佳jQuery和HTML5所见即所得插件

主编是一个优质的支持团队快速,功能强大且可扩展的编辑器。 它已经存在了过去7年,目前正在积极发展。 它还可以自动上传图像到Amazon S3。

强调

  • 75 KB精缩
  • 嵌入式文本编辑
  • CodeMirror支持
  • 对图像中的拖放功能
  • 由于编辑器基于插件的,它可以很容易地扩展。

结论

在本文中,我已经展示了什么,我认为是一些最优秀的jQuery和HTML5 WYSIWYG插件 我希望这这篇文章能帮助您在为项目选择一个好的文本编辑器,节省一些时间找到最适合您需要的插件。

From: https://www.sitepoint.com/best-html-wysiwyg-plugins/