HTML5 所見即所得 WYSIWYG (What You See Is What You Get) 編輯器的需求量是非常大的。但是現在有太多這樣的編輯器了，想要從其中找到一個合適的并不容易。今天這篇文章為大家分享 10 個我認為是十分棒的所見即所得插件，應該有適合你的需求并能節省你時間的。

1. Froala

Froala 所見即所得 HTML 編輯器非常易于整合和使用。它幾乎不需要你掌握任何代碼知識。它需要 jQuery?1.11.0 或者更高版本、以及?Font Awesome 4.4.0 字體圖標的支持。除了整合的 UX 以及 UI 外，還提供了很好的 XSS 攻擊保護。

特點：

文件壓縮后 34K

行內編輯

支持鍵盤快捷鍵

要求基本的 HTML 和 JavaScript 知識

深淺兩種主題

對移動端做了優化

支持Word

34 種語言支持以及 RTL(Right to Left) 從右向左支持

2.?ContentTools

ContentTools 是一個小而美的內容編輯器。該庫不需要任何 JavaScript 框架或庫的支持(包括 jQuery)，但是卻表現很好。ContentTools 包由 5 個庫組成，每一個都可以單獨使用，并且該插件易于擴展。

特點：

壓縮后 49 KB

行內編輯

可以調整圖片和視頻大小

支持 撤銷/重做 (undo/redo)

3.?Raptor Editor

Raptor Editor 是一個開源的 JavaScript 所見即所得 HTML 編輯器，對用戶友好，易于集成和定制。它為行內編輯而設計，是復雜的多塊布局的理想選擇。它所用最新的技術如?HTML5 ContentEditable 及 jQuery ，特性有內置單元測試、模塊化、可擴展及插件 API。

特點：

支持行內編輯

靈活的對接選項

可定制的主題

良好的文檔

4.?Aloha

Aloha 是一個多功能的內容編輯庫。它允許在你的 WEB 應用中無縫的嵌入編輯。主要缺點是不支持圖片插入。

特點：

142 KB

支持WORD

跨瀏覽器兼容

易于定制

5.?TinyMCE

TinyMCE是一個基于?WEB?的獨立的JavaScript的HTML所見即所得平臺。它允許你把 HTML textarea 字段或其他元素轉化為編輯器實例。它遵循?WAI-ARIA ?規范，使得它適用于屏幕閱讀器如JAWS 和 NVDA。它還有一個你可以得到優先支持的企業方案。

特點：

實時媒體嵌入

內置圖像編輯

拼寫檢查(企業版)

支持WORD

40+ 語言支持

跨瀏覽器

6.?Bootstrap3-wysiwyg

Bootstrap3-wysiwyg 是一個 JavaScript 插件，由于使用?wysihtml5 及 BootStrap ，使得它是一個易用使用且漂亮的所見即所得編輯器。

特點：

壓縮后 206 KB

支持?RequireJS

可自定義工具欄模版和主題

提供事件如 load 和 blur 。

7.?Summernote

Summernote 是一個基于??Bootstrap 的文本編輯器，提供了各種不同的主題供選擇。也有一個??Material 版本的主題，叫做?MaterialNote。

特點：

JS+CSS 共 80 KB

支持?Bootstrap 3.x.x

容易遷移到??Django, Rails 或 Angular

易于定制

CodeMirror 一體化

8.?CKEditor

CKEditor 是一個好用的 HTML 編輯器，專為簡化 WEB 內容創作而設計。它把普通的文字處理工作直接帶到 WEB 頁面來實現。

特點：

使用?CKBuilder 定制而來

支持 WORD

行內編輯

撤消/重做支持

RTL(右到左)支持

支持 60 多種語言

9.?Trumbowyg

Trusmbowyg 是這里列出的編輯器中最輕便的。所有其他所見即所得編輯器都大于 45 KB，而?Trumbowyg 只有 16 KB。它要求?jQuery >= 1.7。

特點：

只有 16KB

30 多種語言支持

10.?Redactor

Redactor 是一個快速、強大、可擴展的編輯器，它已經存在了差不多 7 年了，并且還在不斷開發。它會自動把圖片上傳到?Amazon S3。

特點：

壓縮后 75KB

行內編輯

支持?CodeMirror

圖片拖放功能

由于該編輯器是基于插件的，所以很容易定制

總結

這篇文章中為你展示了 10 個我認為是最棒的 jQuery 和 HTML 所見即所得編輯器插件，我希望這個列表在你需要為你的項目選擇文本編輯器的時候有所幫助，希望有一款能夠節省你尋找的時間并且適合你的需求。

英文原文：http://www.sitepoint.com/10-best-html-wysiwyg-plugins/

譯文：http://webres.wang/10-best-html-wysiwyg-plugins/

未盡同意，禁止轉載。

總結

以上是生活随笔為你收集整理的HTML插件程序,10个最棒的jQuery和HTML所见即所得编辑器插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。