14款web前端常用的富文本編輯器插件

富文本編輯器是一種可內(nèi)嵌于瀏覽器，所見(jiàn)即所得的文本編輯器。它提供類似于Office Word 的編輯功能，方便那些不太懂html用戶使用，富文本編輯器的應(yīng)用非常廣泛，它的歷史與圖文網(wǎng)頁(yè)誕生的歷史幾乎一樣長(zhǎng)。

作為一個(gè)技術(shù)人員，手上備上兩款富文本編輯器還是很有用的，指不定那個(gè)項(xiàng)目就要集成一個(gè)進(jìn)去。

到時(shí)候現(xiàn)找現(xiàn)用那可就費(fèi)功夫了，畢竟從開(kāi)發(fā)上講，每個(gè)富文本編輯器的用法都是有區(qū)別的。

下面是我收集的一些業(yè)界比較受歡迎的富文本編輯器，喜歡的朋友、用過(guò)的朋友可以一起看看，一起探討。

1、wangEditor

網(wǎng)址：http://www.wangeditor.com/

基于JavaScript和css開(kāi)發(fā)的 Web富文本編輯器， 輕量、簡(jiǎn)潔、界面美觀、易用、開(kāi)源免費(fèi)。

2、TinyMCE

網(wǎng)址：https://www.tiny.cloud/docs/demo/full-featured/

TinyMCE是一個(gè)輕量級(jí)的基于瀏覽器的所見(jiàn)即所得編輯器，由JavaScript寫(xiě)成。它對(duì)IE6+和Firefox1.5+都有著非常良好的支持。

功能齊全，界面美觀，就是文檔是英文的，對(duì)開(kāi)發(fā)人員英文水平有一定要求。

3、百度ueditor

網(wǎng)址：https://github.com/fex-team/ueditor

UEditor是由百度web前端研發(fā)部開(kāi)發(fā)所見(jiàn)即所得富文本web編輯器，具有輕量，功能齊全，可定制，注重用戶體驗(yàn)等特點(diǎn)，開(kāi)源基于MIT協(xié)議，允許自由使用和修改代碼，缺點(diǎn)是已經(jīng)沒(méi)有更新了。

4、kindeditor

網(wǎng)址：http://kindeditor.net/demo.php

KindEditor 是一套開(kāi)源的在線html編輯器，主要用于讓用戶在網(wǎng)站上獲得所見(jiàn)即所得編輯效果，開(kāi)發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。

KindEditor 使用 JavaScript 編寫(xiě)，可以無(wú)縫地與 Java、.NET、php、ASP 等程序集成，比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。??

5、Textbox

網(wǎng)址：https://www.textbox.io/

Textbox是一款極簡(jiǎn)但功能強(qiáng)大的在線文本編輯器，支持桌面設(shè)備和移動(dòng)設(shè)備。主要功能包含內(nèi)置的圖像處理和存儲(chǔ)、文件拖放、拼寫(xiě)檢查和自動(dòng)更正。

此外，該工具還實(shí)現(xiàn)了屏幕閱讀器等輔助技術(shù)，并符合WAI-ARIA可訪問(wèn)性標(biāo)準(zhǔn)。

6、CKEditor

網(wǎng)址：https://ckeditor.com/ckeditor-5/demo/

CKEditor官方版是一款專業(yè)專業(yè)的在線文字編輯器，軟件支持各種不同的瀏覽器，可以讓用戶們輕松在線編輯，CKEditor5官方版軟件體積非常小巧，使用起來(lái)也十分方便快捷，還能與不同的編程語(yǔ)言相結(jié)合，是大家編輯網(wǎng)頁(yè)代碼的必備工具。

7、quill

網(wǎng)址：https://quilljs.com/

Quill是輕型的編輯器，樣式一般（黑白風(fēng)），功能中等，它的代碼高亮功能比較強(qiáng)，同樣支持行內(nèi)編輯模式，工具條可自定義。

開(kāi)源免費(fèi)，項(xiàng)目活躍，一直有人維護(hù)。

8、simditor

網(wǎng)址：https://simditor.tower.im/

simditor是Tower平臺(tái)使用的富文本編輯器，是一款輕量化的編輯器，界面簡(jiǎn)約，功能實(shí)用，插件不是很多，功能要求不高的可以使用。

雖然是國(guó)內(nèi)出品，但文檔是英文的。開(kāi)源免費(fèi)。

9、summernote

網(wǎng)址：https://summernote.org/

summernote是一款輕量級(jí)的富文本編輯器，比較容易上手，使用體驗(yàn)流暢，支持各種主流瀏覽器。

summernote開(kāi)源免費(fèi)，該項(xiàng)目一直比較活躍，一直都有人在維護(hù)。summernote同樣依賴于jquery和bootstrap，使用前先引入這兩項(xiàng)。

10、jodit

網(wǎng)址：https://xdsoft.net/jodit/

Jodit是一款使用純TypeScript編寫(xiě)的（無(wú)需使用其他庫(kù)），美觀實(shí)用的所見(jiàn)即所得（WYSIWYG）開(kāi)源富文本編輯器，支持中文，超強(qiáng)自定義。??

11、Editor.md

網(wǎng)址：https://pandao.github.io/editor.md/

功能非常豐富的編輯器，左端編輯，右端預(yù)覽，非常方便，完全免費(fèi)。

12、froala Editor

網(wǎng)址：https://www.froala.com/wysiwyg-editor

界面非常好看，功能非常強(qiáng)大，非常好用（非免費(fèi)，可破解）

13、eWebEditor

網(wǎng)址：http://www.ewebeditor.net/

eWebEditor外觀和使用風(fēng)格都和微軟 Word很類似，功能很多。工具條可以定制，運(yùn)行速度很快。

導(dǎo)入文件接口很多，支持word、excel、pdf、ppt直接導(dǎo)入，目前版本不支持代碼高亮，不適合純技術(shù)平臺(tái)使用，適合內(nèi)容編輯人員使用。

eWebEditor有很長(zhǎng)的歷史了，是典型的傳統(tǒng)富文本編輯器，不論是界面，還是功能都比較傳統(tǒng)。eWebEditor是收費(fèi)的，但也有免費(fèi)的精簡(jiǎn)版，精簡(jiǎn)版沒(méi)有后臺(tái)功能。

14、dhtmlxEditor

網(wǎng)址：https://dhtmlx.com/docs/products/dhtmlxRichText/

DHTMLX組件是一整套基于js的UI庫(kù)，功能強(qiáng)大，其中包含編輯器dhtmlxEditor。

該編輯器可以直接集成到Angular，react和vue.js框架中，該編輯器還同時(shí)支持Markdown和富文本。

支持普通視圖和類似word一樣的頁(yè)面視圖，支持全屏幕，工具支持自定義，包括工具條顏色和樣式等。

dhtmlxEditor分為免費(fèi)版和收費(fèi)版，免費(fèi)版具有絕大多數(shù)功能，而且免費(fèi)版是開(kāi)源的你可以在代碼級(jí)別隨便擴(kuò)充。

最后

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