網頁(web)前端(HTML)必備! 幾款主流好用的富文本編輯器推薦

資料來源: https://www.jb51.net/softjc/927195.html

1、TinyMCE
TinyMCE是一個開源的所見即所得的HTML編輯器，介面相當清新，介面模擬本地軟體的風格，頂部有選單列。支援圖片在線處理，插件多，功能非常強大，易於集成，並且擁有可自訂的主題。支援目前流行的各種瀏覽器，它可以達到微軟Word類似的編輯體驗。

而且這麼好的東西還是開源免費的，目前一直有人維護，這款編輯器使用的人非常多。

TinyMCE(可視化HTML編輯器) 英文版v6.2.0類型：網頁編輯器大小： 869KB語言：英文軟體時間： 2022-09-15看詳情

更多介紹及下載：https://www.tiny.cloud/docs/demo/full-featured/

2、CKEditor
Ckeditor也是非常經典的富文本編輯器，官方下載量過千萬。它是在非常著名的FCkEditor基礎上開發的新版本，FckEditor的用戶現在基本上都轉移到Ckeditor了。

Ckeditor有高效能的即時預覽，它特有行內編輯功能，使得編輯內容更加直觀，彷彿是在編輯網頁一樣，有很強的可擴展性，被各大網站廣泛運用。

CKEditor線上編輯器v4.23.0類型：其它源碼大小： 1MB語言：簡體中文時間： 2024-01-27看詳情

更多介紹及下載：https://ckeditor.com/

3、UEditor
UEditor 是由百度出品的富文本web編輯器，具有輕量級，可自訂，注重用戶體驗等特點，開源免費。這款編輯器用過的人也非常多，功能非常全面，插件很多，還可以很方便插入百度地圖，接入十分簡單。

16年後百度沒有怎麼更新了，不過現有的功能也夠用了。 UEditor分為UE版（全功能版）與UM版（精簡版），大家可以依照自己使用環境選擇不同的版本。

更多介紹及下載：http://ueditor.baidu.com/website/

UEditor Plus開源編輯器v3.8.0類型：網頁編輯器大小： 1.4MB語言：簡體中文時間： 2024-02-19看詳情

4、wangEditor
wangEditor輕量級，小巧實用，配置方便，使用簡單。可以自訂皮膚功能，免費開源。使用者數量也很多，尤其是用在一些輕量環境，例如論壇社群回帖。 wangEditor是國人出品的開源專案。

更多介紹及下載:https://www.wangeditor.com/

wangEditor 文字編輯器3.0.16類型：網頁編輯器大小： 6.22MB語言：簡體中文時間： 2018-03-01看詳情

5、kindeditor
KindEditor歷史也很長了，用戶數也不少，國內某公司出品。免費開源。介面類似office word，介面和功能中規中矩，文件齊全，使用還算方便。

HTML線上編輯器KindEditor v4.1.11類型：網頁編輯器大小： 646KB語言：簡體中文時間： 2017-05-13看詳情

更多介紹及下載：http://kindeditor.net/demo.php

6、simditor
simditor是Tower平台使用的富文本編輯器，是一款輕量化的編輯器，介面簡約，功能實用，插件不是很多，功能要求不高的可以使用。

雖然是國內出品，但文件是英文的。開源免費。

更多介紹及下載：https://simditor.tower.im/

7、bootstrap-wysiwyg
bootstrap-wysiwyg是基於Bootstrap的輕型、免費開源的富文本編輯器，介面簡潔大方。使用需要先引入bootstrap。

個人覺得bootstrap-wysiwyg這一長串像亂碼一樣的名字影響了它的推廣和使用~ ~畢竟輕型使用環境還是很多的。

更多介紹及下載：http://mindmup.github.io/bootstrap-wysiwyg/

8、summernote
summernote是一款輕量級的富文本編輯器，比較容易上手，使用體驗流暢，支援各種主流瀏覽器。 summernote開源免費，專案一直比較活躍，一直都有人在維護。

summernote同樣依賴jquery和bootstrap，使用前先引入這兩項。

更多介紹及下載：https://summernote.org/

9、Froala
Froala是一款功能豐富的富文本編輯器，介面分類清晰，容易集成，容易升級，支援主流瀏覽器，具有行內編輯功能。 Froala程式碼範例很多，可以整合在許多js框架裡如React.js，Aurelia，Angular，Ionic，Django等。插件很多，易於擴充功能。

Froala是收費的，不過前端是開源的，如果要使用後台是要交費的（如果你使用國人強大的crack技能那就是另外一回事了~ ~）。目前有三種定價方式：基礎版（239美元）、專業版（1,199美元）和企業版（1,999美元）。

更多介紹及下載：https://www.froala.com/wysiwyg-editor

10、Quill
Quill是輕型的編輯器，樣式一般（黑白風），功能中等，它的程式碼高亮功能比較強，同樣支援行內編輯模式，工具列可自訂。

開源免費，專案活躍，一直有人維護。

QuillBot(英文寫作插件) v3.42.0 免費版附安裝說明類型：生產工具大小： 19.4MB語言：英文軟體時間： 2024-02-16看詳情

更多介紹及下載：https://quilljs.com/

11、FreeTextBox
FreeTextBox功能強大，前端支援主流瀏覽器，但後台只支援.NET。它的外觀和使用風格都和微軟Word很類似。工具條可以定制，運行速度一般。 FreeTextBox分為免費版和pro收費版，一般情況免費版本功能已經夠用了。

asp.net 網頁編輯器FreeTextBox 3.2.2 簡體中文版範例原始碼類型：網頁編輯器大小： 2MB語言：簡體中文時間： 2010-03-10看詳情

更多介紹及下載：http://freetextbox.com/

12、dhtmlxEditor
DHTMLX元件是一整套基於JS的UI函式庫，功能強大，其中包含編輯器dhtmlxEditor。此編輯器可以直接整合到Angular，React和Vue.js框架中，該編輯器也同時支援Markdown和富文本。

支援普通視圖和類似word一樣的頁面視圖，支援全螢幕，工具支援自訂，包括工具條顏色和樣式等。

dhtmlxEditor分為免費版和收費版，免費版具有絕大多數功能，而且免費版是開源的你可以在代碼級別隨便擴充。

更多介紹及下載：https://dhtmlx.com/docs/products/dhtmlxRichText/

13、eWebEditor
eWebEditor外觀和使用風格都和微軟Word很類似，功能很多。工具條可以定制，運行速度很快。導入檔案介面很多，支援word、excel、pdf、ppt直接導入，目前版本不支援程式碼高亮，不適合純技術平台使用，適合內容編輯人員使用。

eWebEditor有很長的歷史了，是典型的傳統富文本編輯器，不論是介面，還是功能都比較傳統。

eWebEditor是收費的，但也有免費的精簡版，精簡版沒有後台功能。

eWebEditor(線上編輯器) V4.6 免費精簡版類型：文字文字大小： 185KB語言：簡體中文時間： 2014-01-08看詳情
更多介紹及下載：http://www.ewebeditor.net/demo/

最後

富文本編輯器產品真的非常多，以上只是本人接觸過的一些，相信還有很多很好的富文本存在，其實也沒必要全都試一遍，只有最適合自己的，才是最好的。