所以今天給大家分享幾款我用過的、覺得值得一用的、開源免費(fèi) 的富文本編輯器，甚至可以說是完勝國(guó)外的付費(fèi)編輯器（付費(fèi)的自己還不方便修改和定制）。

富文本編輯器推薦

editor.md

GitHub：https://github.com/pandao/editor.md

Star 數(shù)：12k

這是目前我個(gè)人最看好的國(guó)內(nèi)的富文本編輯器，只學(xué)過 HTML、CSS、JS 三件套的同學(xué)也能使用。支持 Markdown 語法、代碼塊、科學(xué)公式、流程圖等等，有非常多的自定義配置，兼容 IE 8+ 瀏覽器，基本上能滿足寫作網(wǎng)站的需求。

界面也很優(yōu)雅，如圖：

但美中不足的是，Editor.md 目前不支持將 HTML 解析為 Markdown，有這方面需求的朋友要注意下。

quill

GitHub：https://github.com/quilljs/quill/

Star 數(shù)：32.2k

目前面試?guó)喚W(wǎng)站選用的就是 quill，作為富文本編輯器，它在 GitHub 上的 star 數(shù)名列前茅。

體驗(yàn)下來，它的優(yōu)勢(shì)是輕量、兼容性強(qiáng)、支持的插件擴(kuò)展豐富，需要用到什么額外功能時(shí)再去單獨(dú)引入就好了。

用法也很簡(jiǎn)單，原生 JS 就可以，界面也很精簡(jiǎn)：

此外，它還有適用于 Vue 和 React 的封裝版本，無論你習(xí)慣用哪個(gè)前端框架，都能無差異地使用它。

Vue 版本：https://github.com/surmon-china/vue-quill-editor

React 版本：https://github.com/zenoamaro/react-quill

bytemd

GitHub：https://github.com/bytedance/bytemd

Star 數(shù)：2k

從名字就能看出來，這是字節(jié)跳動(dòng)（掘金）出品的富文本編輯器，功能強(qiáng)大，而且支持很多掘金內(nèi)置的主題，寫作體驗(yàn)很棒：

這款編輯器使用 Svelte 框架開發(fā)，支持原生、Vue、React、Svelte 框架集成，幾乎適用于所有前端開發(fā)人員：

我的編程導(dǎo)航網(wǎng)站使用的就是這個(gè)編輯器，之前它在火狐瀏覽器會(huì)崩潰，后來很快就修復(fù)了，給響應(yīng)速度點(diǎn)個(gè)贊。

monaco-editor

GitHub：https://github.com/microsoft/monaco-editor

Star 數(shù)：28.6k

微軟開源的代碼編輯器，支持 Visual Studio 主題，可以給用戶如同在本地編輯器一般敲代碼的體驗(yàn)：

最吸引我的是，這款編輯器還支持代碼 Diff 功能！如果想自己開發(fā)一個(gè)類似 GitHub 的代碼差異展示界面，用它就能輕松實(shí)現(xiàn)了~

tui.editor

GitHub：https://github.com/nhn/tui.editor

Star 數(shù)：14.4k

這款富文本編輯器最吸引我的是它的界面，個(gè)人感覺看著比其他的都舒服一點(diǎn)。

而且他是支持所見即所得的，類似 Typora 的那種編輯體驗(yàn)：

這款編輯器也同時(shí)支持原生 JS 以及 Vue、React 的封裝版本，還是很推薦的。

slate

GitHub：https://github.com/ianstormtaylor/slate

Star 數(shù)：23.8k

這個(gè)富文本編輯器有些特殊，作者對(duì)它的描述是：專注于構(gòu)建富文本編輯器的完全可定制框架，可以將它理解為用于更好地造輪子的輪子。

實(shí)際體驗(yàn)下來，它的易用性相對(duì)不高，但是確十分靈活，如果你想做一個(gè)自己的富文本編輯器，slate 是一個(gè)不錯(cuò)的選擇！

---

往期精彩回顧適合初學(xué)者入門人工智能的路線及資料下載(圖文+視頻)機(jī)器學(xué)習(xí)入門系列下載中國(guó)大學(xué)慕課《機(jī)器學(xué)習(xí)》（黃海廣主講）機(jī)器學(xué)習(xí)及深度學(xué)習(xí)筆記等資料打印《統(tǒng)計(jì)學(xué)習(xí)方法》的代碼復(fù)現(xiàn)專輯 AI基礎(chǔ)下載機(jī)器學(xué)習(xí)交流qq群955171419，加入微信群請(qǐng)掃碼：

總結(jié)

以上是生活随笔為你收集整理的【效率】几个免费的富文本编辑器，这不完胜付费？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。