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

特點：

• 文件壓縮后 34K
• 行內編輯
• 支持鍵盤快捷鍵
• 要求基本的 HTML 和 JavaScript 知識
• 深淺兩種主題
• 對移動端做了優化
• 支持Word
• 34 種語言支持以及 RTL(Right to Left) 從右向左支持

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

特點：

• 壓縮后 49 KB
• 行內編輯
• 可以調整圖片和視頻大小
• 支持 撤銷/重做 (undo/redo)

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

特點：

• 支持行內編輯
• 靈活的對接選項
• 可定制的主題
• 良好的文檔

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

特點：

• 142 KB
• 支持WORD
• 跨瀏覽器兼容
• 易于定制

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

特點：

• 實時媒體嵌入
• 內置圖像編輯
• 拼寫檢查（企業版）
• 支持WORD
• 40+ 語言支持
• 跨瀏覽器

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

特點：

• 壓縮后 206 KB
• 支持 RequireJS
• 可自定義工具欄模版和主題
• 提供事件如 load 和 blur

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

特點：

• JS+CSS 共 80 KB
• 支持 Bootstrap 3.x.x
• 容易遷移到 Django, Rails 或 Angular
• 易于定制
• CodeMirror 一體化

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

特點：

• 使用 CKBuilder 定制而來
• 支持 WORD
• 行內編輯
• 撤消/重做支持
• RTL(右到左)支持
• 支持 60 多種語言

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

特點：

• 只有 16KB
• 30 多種語言支持

特點：

• 壓縮后 75KB
• 行內編輯
• 支持 CodeMirror
• 圖片拖放功能
• 由于該編輯器是基于插件的，所以很容易定制

總結

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

本文來源：