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

富文本編輯器推薦

editor.md

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

Star 數：12k

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

界面也很優雅，如圖：

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

quill

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

Star 數：32.2k

目前面試鴨網站選用的就是 quill，作為富文本編輯器，它在 GitHub 上的 star 數名列前茅。

體驗下來，它的優勢是輕量、兼容性強、支持的插件擴展豐富，需要用到什么額外功能時再去單獨引入就好了。

用法也很簡單，原生 JS 就可以，界面也很精簡：

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

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

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

bytemd

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

Star 數：2k

從名字就能看出來，這是字節跳動（掘金）出品的富文本編輯器，功能強大，而且支持很多掘金內置的主題，寫作體驗很棒：

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

我的編程導航網站使用的就是這個編輯器，之前它在火狐瀏覽器會崩潰，后來很快就修復了，給響應速度點個贊。

monaco-editor

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

Star 數：28.6k

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

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

tui.editor

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

Star 數：14.4k

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

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

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

slate

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

Star 數：23.8k

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

實際體驗下來，它的易用性相對不高，但是確十分靈活，如果你想做一個自己的富文本編輯器，slate 是一個不錯的選擇！

---

往期精彩回顧適合初學者入門人工智能的路線及資料下載(圖文+視頻)機器學習入門系列下載中國大學慕課《機器學習》（黃海廣主講）機器學習及深度學習筆記等資料打印《統計學習方法》的代碼復現專輯 AI基礎下載機器學習交流qq群955171419，加入微信群請掃碼：

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。