富文本編輯器
富文本編輯器（Rich Text Editor，RTE）是一種可內嵌於瀏覽器，所見即所得的文本編輯器。它提供類似於Office Word 的編輯功能，方便那些不太懂HTML用戶使用，富文本編輯器的應用非常廣泛，它的歷史與圖文網頁誕生的歷史幾乎一樣長。
作爲一個技術人員，手上備上兩款富文本編輯器還是很有用的，指不定那個項目就要集成一個進去。到時候現找現用那可就費功夫了，畢竟從開發上講，每個富文本編輯器的用法都是有區別的。
下面是我收集的一些業界比較受歡迎的富文本編輯器，喜歡的朋友、用過的朋友可以一起看看，一起探討。
1、TinyMCE
TinyMCE是一個開源的所見即所得的HTML編輯器，界面相當清新，界面模擬本地軟件的風格，頂部有菜單欄。支持圖片在線處理，插件多，功能非常強大，易於集成，並且擁有可定製的主題。支持目前流行的各種瀏覽器，它可以達到微軟Word類似的編輯體驗。
而且這麼好的東西還是開源免費的，目前一直有人維護，這款編輯器使用的人非常多。
更多介紹及下載：https://www.tiny.cloud/docs/demo/full-featured/
2、CKEditor
Ckeditor也是一款非常經典的富文本編輯器，官方下載量過千萬。它是在非常著名的FCkEditor基礎上開發的新版本，FckEditor的用戶現在基本都轉移到Ckeditor了。
Ckeditor有高性能的實時預覽，它特有行內編輯功能，使得編輯內容更加直觀，彷彿是在編輯網頁一樣，有很強的可擴展性，被各大網站廣泛運用。
更多介紹及下載：https://ckeditor.com/
3、UEditor
UEditor 是由百度出品的富文本web編輯器，具有輕量，可定製，注重用戶體驗等特點，開源免費。這款編輯器用過的人也非常多，功能非常全面，插件很多，還可以很方便插入百度地圖，接入十分簡單。
16年之後百度沒有怎麼更新了，不過現有的功能也足夠用了。UEditor分爲UE版（全功能版）和UM版（精簡版），大家可以根據自己使用環境選擇不同的版本。
更多介紹及下載：http://ueditor.baidu.com/website/
4、wangEditor
wangEditor輕量級，小巧實用，配置方便，使用簡單。可以自定義皮膚功能，免費開源。用戶數量也很多，尤其是用在一些輕型環境，比如論壇社區回帖。wangEditor是國人出品的開源項目。
更多介紹及下載：http://www.wangeditor.com/
5、kindeditor
KindEditor歷史也很長了，用戶數也不少，國內某公司出品。免費開源。界面類似於office word，界面和功能中規中矩，文檔齊全，使用還算方便。
更多介紹及下載：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美元）、專業版（1199美元）和企業版（1999美元）。
更多介紹及下載：https://www.froala.com/wysiwyg-editor
10、Quill
Quill是輕型的編輯器，樣式一般（黑白風），功能中等，它的代碼高亮功能比較強，同樣支持行內編輯模式，工具條可自定義。
開源免費，項目活躍，一直有人維護。
更多介紹及下載：https://quilljs.com/
11、FreeTextBox
FreeTextBox功能強大，前端支持主流瀏覽器，但後臺只支持.NET。它的外觀和使用風格都和微軟 Word很類似。工具條可以定製，運行速度一般。FreeTextBox分爲免費版和pro收費版，一般情況免費版本功能已經足夠用了。
更多介紹及下載：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是收費的，但也有免費的精簡版，精簡版沒有後臺功能。
更多介紹及下載：http://www.ewebeditor.net/demo/
最後
富文本編輯器產品真的非常多，以上只是本人接觸過的一些，相信還有很多很好的富文本存在，其實也沒必要全都試一遍，只有最適合自己的，纔是最好的。
如果你用過其中的一種，或者你用過其他好用的富文本編輯器，歡迎交流分享。
如果你還喜歡現在流行的markdown編輯器，請看我的另一篇文章《幾款主流好用的markdown編輯器介紹》，
如果想了解markdown編輯器和富文本編輯器的區別，請參考《markdown編輯器與富文本編輯器優缺點比較，哪個更好用》
轉載請註明原文地址：https://blog.csdn.net/davidhzq/article/details/100842866
