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

HTML5所见即所得（所见即所得）编辑器的需求始终很高。 但是现在有太多这样的人，很难找到最好的人。 在本文中，我将介绍一些最好的jQuery和HTML5 WYSIWYG插件，以节省您寻找适合您需求的插件的时间。

Froala

Froala所见即所得的HTML编辑器易于集成和使用。 它需要最少的编码知识。 它需要jQuery 1.11.0或更高版本以及名为Font Awesome 4.4.0的标志性字体。 结合其所有的UI和UX功能，它还具有针对XSS攻击的强大防御机制。

强调

• 压缩34 KB
• 内联编辑
• 键盘快捷键可用
• 需要基本的HTML和JavaScript知识
• 深色和浅色主题（可以通过编辑LESS文件进行自定义）
• 针对移动设备进行了优化
• MS Word友好
• 支持34种语言，包括RTL（从右到左）支持

内容工具

ContentTools是一个小巧漂亮的内容编辑器。 该库不使用任何JavaScript框架或库（甚至不使用jQuery），但可以很好地使用它们。 ContentTools软件包由5个库组成，每个库都可以独立使用。 它的设计易于扩展。

强调

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

阿罗哈

Aloha Editor是一个功能性的内容编辑库。 它允许您创建无缝嵌入到Web应用程序中的编辑体验。 主要缺点是它仍然不支持图像插入。

强调

• 142KB大小
• MS Word友好
• 跨浏览器兼容性
• 可订制

TinyMCE

TinyMCE是一个独立于平台的基于Web的JavaScript HTML WYSIWYG。 它使您可以将HTML textarea字段或其他HTML元素转换为编辑器实例。 您可以在Microsoft Azure，Google Drive，Amazon S3，DropBox等上上传和管理文件。 它遵循WAI-ARIA规范 ，使其与JAWS和NVDA等屏幕阅读器兼容。 还有一个企业解决方案，您可以在其中获得优先支持。

强调

• 直播媒体嵌入
• 内置图像编辑
• 拼写检查（企业）
• MS Word友好
• 超过40种语言支持
• 强大的跨浏览器性能

bootstrap3-所见即所得

bootstrap3-wysiwyg是一个JavaScript插件，可以借助wysihtml5和Twitter Bootstrap轻松创建简单，美观的WYSIWYG编辑器。

强调

• 缩小206 KB
• RequireJS支持
• 工具栏的自定义模板
• 自定义主题可用
• 暴露事件，例如load和blur

Summernote

Summernote是基于Bootstrap的文本编辑器。 有各种可用的主题，它们由Bootswatch支持 。 还有一个转换为Material主题的版本，名为MaterialNote

强调

• 80 KB JS + CSS
• 支持Bootstrap 3.xx
• 可以轻松地与Django，Rails或Angular集成
• 易于定制
• CodeMirror集成

编辑器

CKEditor是一个现成的HTML文本编辑器，旨在简化Web内容的创建。 它直接将常见的文字处理功能引入您的网页。

强调

• 使用CKBuilder的自定义构建
• MS Word友好
• 内联编辑
• 撤消/重做支持
• RTL支持
• 支持约60种语言

特朗博伊格

Trumbowyg是此处列出的所有编辑器中最轻的。 尽管所有现有的WYSIWYG编辑器都大于45kB，但是Trumbowyg只有16 KB。 它取决于jQuery> = 1.7。

强调

• 只有16 KB
• 30多个本地化

编辑器

Redactor是具有质量支持团队的快速，强大和可扩展的编辑器。 它已经存在了近7年，并且正在积极开发中。 它还会自动将图像上传到Amazon S3。

强调

• 缩小75 KB
• 内联文字编辑
• CodeMirror支持
• 图像的拖放功能
• 由于编辑器是基于插件的，因此可以轻松扩展。

结论

在本文中，我向您展示了一些我认为是最好的jQuery和HTML5 WYSIWYG插件 。 我希望此列表将帮助您为您的项目选择一个好的文本编辑器，并节省一些时间来找到最适合您需求的插件。

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