幾個免費的富文本編輯器，這不完勝付費？

來源 | 程序員魚皮

作者 | 魚皮

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

富文本編輯器推薦

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

Star 數：12k

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

界面也很優雅，如圖：

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

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

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

Star 數：2k

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

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

這個編輯器之前在火狐瀏覽器會崩潰，後來很快就修復了，給響應速度點個贊。

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

Star 數：28.6k

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

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

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

Star 數：14.4k

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

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

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

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

Star 數：23.8k

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

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

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/P9cmljjGL4XPcQt12ejDGg