現(xiàn)在富文本編輯器還是很多，不同的富文本編輯器的用法還是有差別，但是掌握幾種富文本編輯器還是很有必要的，說不定那個(gè)項(xiàng)目就需要用上，下面就介紹幾款web前端開發(fā)人員常用的富文本編輯器，一起來看看吧！

Draft.js 是是 Facebook 開源的用于構(gòu)建富文本編輯器的 JavaScript 框架。是 React

項(xiàng)目首選的富文本編輯器框架，和其它富文本編輯器不同，draft.js

并不是一個(gè)開箱即用的富文本編輯器，而是一個(gè)提供了一系列開發(fā)富文本編輯器的工具。Draft.js 的任何部分都是可定制的。

Quill

Quill是一個(gè)具有跨平臺(tái)和跨瀏覽器支持的輕型富文本編輯器。憑借其可擴(kuò)展架構(gòu)和富有表現(xiàn)力的

API，可以完全自定義它以滿足個(gè)性化的需求。由于其模塊化架構(gòu)和富有表現(xiàn)力的 API，可以從 Quill

核心開始，然后根據(jù)需要自定義其模塊或?qū)⒆约旱臄U(kuò)展添加到這個(gè)富文本編輯器中。它提供了兩個(gè)用于更改編輯器外觀的主題，可以使用插件或覆蓋其 CSS

樣式表中的規(guī)則進(jìn)一步自定義。Quill 還支持任何自定義內(nèi)容和格式，因此可以添加嵌入式幻燈片、3D 模型等。它的代碼高亮功能比較強(qiáng)。

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

TinyMCE

TinyMCE是一個(gè)熱門的富文本編輯器，基于瀏覽器的所見即所得，易于集成，由JavaScript寫成。它對(duì)IE6+和Firefox1.5+都有著非常良好的支持?？梢圆渴鹪诨谠频摹⒆酝泄芑蚧旌檄h(huán)境中。該設(shè)置使得合并諸如

Angular、React 和 Vue 等框架成為可能。它還可以使用 50 多個(gè)插件進(jìn)行擴(kuò)展，每個(gè)插件都有 100 多個(gè)自定義選項(xiàng)。，

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

wangEditor

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

ProseMirror

ProseMirror 不是一個(gè)開箱即用的富文本編輯器，是一個(gè)基于 ContentEditable 的所見即所得 HTML

編輯器，功能強(qiáng)大，支持協(xié)作編輯和自定義文檔模式 ProseMirror 庫(kù)由多個(gè)單獨(dú)的模塊組成。ProseMirror 試著在 Markdown

編輯體驗(yàn)和傳統(tǒng)的 WYSIWYG 編輯體驗(yàn)中尋找一種融合的方法。

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

Tiptap

Tiptap 是一個(gè)基于 Vue 的無渲染的富文本編輯器，它基于

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

CKEditor 5

CKEditor

是一個(gè)強(qiáng)大的富文本編輯器框架，支持各種不同的瀏覽器，具有模塊化架構(gòu)、現(xiàn)代集成和協(xié)作編輯等功能。它可以通過基于插件的架構(gòu)進(jìn)行擴(kuò)展，從而可以將必要的內(nèi)容處理功能引入。CKEditor

在市場(chǎng)上已有近 15 年的歷史，因其具有廣泛的功能和舊版軟件兼容性而成為最負(fù)盛名的編輯器之一。

CKEditor 5 是一個(gè)超現(xiàn)代的 JavaScript 富文本編輯器，體積非常小巧，使用起來也十分方便快捷，具有 MVC

架構(gòu)、自定義數(shù)據(jù)模型和虛擬 DOM。它是在 ES6 中從頭開始編寫的，并且具有出色的

webpack支持?？梢允褂门cAngular、React和Vue.js的原生集成，是大家編輯網(wǎng)頁(yè)代碼的必備工具。

Jodit

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

百度ueditor

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

kindeditor

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

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

以上就是本次分享的全部?jī)?nèi)容了，希望對(duì)你有所幫助，對(duì)編程感興趣的小伙伴們不妨前往六星云課堂看看哦~