下面就介紹10款web前端開(kāi)發(fā)人員常用的富文本編輯器，一起來(lái)看看!

Draft.js

Draft.js 是是Facebook 開(kāi)源的用于構(gòu)建富文本編輯器的JavaScript 框架。是React 項(xiàng)目首選的富文本編輯器框架，和其它富文本編輯器不同，draft.js并不是一個(gè)開(kāi)箱即用的富文本編輯器，而是一個(gè)提供了一系列開(kāi)發(fā)富文本編輯器的工具。Draft.js的任何部分都是可定制的。

Quill

Quill是一個(gè)具有跨平臺(tái)和跨瀏覽器支持的輕型富文本編輯器。憑借其可擴(kuò)展架構(gòu)和富有表現(xiàn)力的API，可以完全自定義它以滿足個(gè)性化的需求。由于其模塊化架構(gòu)和富有表現(xiàn)力的API，可以從Quill核心開(kāi)始，然后根據(jù)需要自定義其模塊或?qū)⒆约旱臄U(kuò)展添加到這個(gè)富文本編輯器中。它提供了兩個(gè)用于更改編輯器外觀的主題，可以使用插件或覆蓋其CSS 樣式表中的規(guī)則進(jìn)一步自定義。Quill還支持任何自定義內(nèi)容和格式，因此可以添加嵌入式幻燈片、3D模型等。它的代碼高亮功能比較強(qiáng)。

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

TinyMCE

TinyMCE是一個(gè)熱門(mén)的富文本編輯器，基于瀏覽器的所見(jiàn)即所得，易于集成，由JavaScript寫(xiě)成。它對(duì)IE6+和Firefox1.5+都有著非常良好的支持?？梢圆渴鹪诨谠频摹⒆酝泄芑蚧旌檄h(huán)境中。該設(shè)置使得合并諸如Angular、React和 Vue等框架成為可能。它還可以使用50 多個(gè)插件進(jìn)行擴(kuò)展，每個(gè)插件都有100 多個(gè)自定義選項(xiàng)。，

通過(guò)創(chuàng)建和編輯表格、建立字體系列、搜索和替換字體以及更改字體大小等功能，讓你可以完全控制你的設(shè)計(jì)。它還提供了多種云安全功能，包括JSON Web 令牌和私有RSA 密鑰，以更好地保護(hù)你的內(nèi)容。不過(guò)文檔都是英文，對(duì)開(kāi)發(fā)人員英文水平有一定要求。

wangEditor

wangEditor基于JavaScript和css開(kāi)發(fā)的Web富文本編輯器，輕量、簡(jiǎn)潔、界面美觀、易用、開(kāi)源免費(fèi)。它兼容常見(jiàn)的PC 瀏覽器：Chrome，F(xiàn)irefox，Safar，Edge，QQ瀏覽器，IE11。

ProseMirror

ProseMirror 不是一個(gè)開(kāi)箱即用的富文本編輯器，是一個(gè)基于ContentEditable 的所見(jiàn)即所得HTML 編輯器，功能強(qiáng)大，支持協(xié)作編輯和自定義文檔模式ProseMirror 庫(kù)由多個(gè)單獨(dú)的模塊組成。ProseMirror試著在Markdown 編輯體驗(yàn)和傳統(tǒng)的WYSIWYG 編輯體驗(yàn)中尋找一種融合的方法。

prosemirror是一套工具包提供給開(kāi)發(fā)者，方便開(kāi)發(fā)者在此之上開(kāi)發(fā)富文本編輯器的。它的主要原則是開(kāi)發(fā)者享有文檔及事件變更的控制權(quán)。這里的文檔是自定義的數(shù)據(jù)結(jié)構(gòu)，只包含你允許的元素，用來(lái)描述內(nèi)容本身及其變化，所以的變化都是可追溯到的。

Tiptap

Tiptap是一個(gè)基于Vue的無(wú)渲染的富文本編輯器，它基于Prosemirror，完全可擴(kuò)展且無(wú)渲染?？梢暂p松地將自定義節(jié)點(diǎn)添加為Vue組件。使用無(wú)渲染組件(函數(shù)式組件)，幾乎完全控制標(biāo)記和樣式。菜單的外觀或在DOM中的顯示位置。這完全取決于使用者。

CKEditor5

CKEditor是一個(gè)強(qiáng)大的富文本編輯器框架，支持各種不同的瀏覽器，具有模塊化架構(gòu)、現(xiàn)代集成和協(xié)作編輯等功能。它可以通過(guò)基于插件的架構(gòu)進(jìn)行擴(kuò)展，從而可以將必要的內(nèi)容處理功能引入。CKEditor在市場(chǎng)上已有近15 年的歷史，因其具有廣泛的功能和舊版軟件兼容性而成為最負(fù)盛名的編輯器之一。

CKEditor 5 是一個(gè)超現(xiàn)代的JavaScript 富文本編輯器，體積非常小巧，使用起來(lái)也十分方便快捷，具有MVC 架構(gòu)、自定義數(shù)據(jù)模型和虛擬DOM。它是在ES6 中從頭開(kāi)始編寫(xiě)的，并且具有出色的webpack支持。可以使用與Angular、React和Vue.js的原生集成，是大家編輯網(wǎng)頁(yè)代碼的必備工具。

Jodit

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

百度ueditor

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

kindeditor

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)用上使用。