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

特點：

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

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

特點：

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

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

特點：

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

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

特點：

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

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

特點：

• 實時媒體嵌入
• 內(nèi)置圖像編輯
• 拼寫檢查（企業(yè)版）
• 支持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 內(nèi)容創(chuàng)作而設(shè)計。它把普通的文字處理工作直接帶到 WEB 頁面來實現(xiàn)。

特點：

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

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

特點：

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

特點：

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

總結(jié)

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

本文來源：