10個最佳jQuery和HTML5 Wysiwyg插件

>本文回顧了十個表現最佳的jQuery和HTML5 Wysiwyg（您看到的是您得到的）編輯。 考慮到很多選擇，選擇合適的編輯器可能會具有挑戰性，但是本指南可以幫助您找到完美的合適。

鑰匙要點：

本文比較了十個領先的jQuery和HTML5 Wysiwyg插件：Froala，ContentTools，Aloha，Tinymce，Bootstrap3-Wysiwyg，Summernote，Ckeditor，Troumbowyg和Redactor。 每個都會根據功能，大小和用戶友好性進行評估。
>插件提供各種功能； Froala在XSS攻擊保護中表現出色，而Trumbowyg則優先考慮輕量級設計。 考慮的其他因素包括移動優化，MS Word兼容性，語言支持和自定義選項。
• >全面的常見問題解答部分解決了有關HTML Wysiwyg插件的共同問題，涵蓋了關鍵功能，安裝，自定義，安全性，移動兼容性，多語言支持，CMS集成，性能影響，性能影響以及同時使用多個插件的可能性。
>>>
• >>
>>

編輯評論：

> froala：

Froala

是用戶友好的，需要最少的編碼。 它與直觀的UI/UX一起擁有強大的XSS保護。

>突出顯示：

• 34 kb gzpipped
• 內聯編輯
• 鍵盤快捷鍵
• 基本html/javascript知識
• >可自定義的深色/輕主題
• >移動優化
• MS Word兼容
• 支持34種語言，包括RTL

contentTools：

ContentTools是一款時尚，輕巧的編輯器，獨立於JavaScript Frameworks（儘管與它們兼容）。它的模塊化設計允許易於擴展。

>突出顯示：

49 kb gzpipped
內聯編輯
圖像和視頻調整
undo/redo功能

aloha：

Aloha編輯器無縫集成到Web應用程序中，儘管它目前缺少圖像插入。

>突出顯示：

142 kb

• MS Word兼容
• 跨瀏覽器兼容性
• 可自定義的

> tinymce：

Tinymce是一個獨立於平台的JavaScript編輯器，支持各種文件管理服務（Azure，Google Drive等），並遵守WAI-ARIA可訪問性標準。 企業版本提供優先支持的支持。

>

>突出顯示：

>實時媒體嵌入
內置圖像編輯
>拼寫檢查（企業）
MS Word兼容
40種由支持的語言
強大的跨瀏覽器性能

> bootstrap3-wysiwyg：>

此插件利用Wysihtml5和Twitter Bootstrap來創建視覺上吸引人的編輯器。

>突出顯示：

> 206 kb縮小

requirejs支持
>可自定義的工具欄和主題
可自定義的事件
• > summernote：

>帶有各種主題的基於引導的編輯器（包括材料主題，材料註釋）。

>突出顯示：

80 kb js css

> bootstrap 3.x.x支持

• 易於與Django，Rails或Angular 集成
• 可自定義的
• > codemirror Integration
• > ckeditor：

> ckeditor簡化了Web內容創建，提供熟悉的文字處理器功能。

>突出顯示：

>可自定義的構建通過ckbuilder MS Word兼容

內聯編輯
undo/redo支持
• RTL支持
• 支持大約60種語言
• > trumbowyg：

列表上最輕的編輯器，優先考慮最小尺寸。 >突出顯示：

16 kb

30個本地化

redactor：

編輯器是一位具有強大支持和亞馬遜S3集成的快速，可擴展的編輯器。

>突出顯示：

75 kb縮小

inline文本編輯

> codemirror支持 >拖放圖像功能

基於插件的可擴展性

• 結論：
• 這項全面的評論應幫助您為您的項目選擇理想的Wysiwyg編輯器。 選擇您選擇時的特定需求和優先級。
>

（FAQ部分在很大程度上保持不變，因為它提供了寶貴的一般信息。）

以上是10個最佳jQuery和HTML5 Wysiwyg插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！