程序員的專屬微信公衆號編輯器：定製 Markdown 轉 HTML

效果（Gif）

• 點擊我查看

倉庫地址

• https://github.com/cdk8s/cdk8...
• https://gitee.com/cdk8s/cdk8s...

背景

在程序員的世界裏，只要習慣用 Git，寫文章必然就是 Markdown 了。

近來幾天，從新玩起了微信公衆號，最不能忍受的就是那個編輯器，效率很低。雖然微信如今已經提供了模板功能，可是對於喜歡多平臺發文的程序員來說，維護多個內容成本太高。

現狀

瞭解了目前市場上主流的編輯器：

• 135 編輯器
• 壹伴
• 秀米
• 小螞蟻

結論是：都不是我想要的。

這幾個編輯器都是偏向推廣玩法的類型，過於花俏。好一點的模板也基本都是收費的，因此只能放棄。

轉變

通過 Google 幾下，發現微信編輯器是能夠直接複製 HTML 代碼塊，這就給咱們提供了更多可能。

既然常規主流的玩法沒法知足需求，那我就換了一個思路：繼續 Markdown 書寫，而後借用轉換器轉換

我開始換關鍵字搜索：React markdown 組件

運氣

在搜索的過程當中我偶然遇到了：markdown-nice

簡介
支持自定義樣式的 Markdown 編輯器
支持微信公衆號排版
支持知乎、稀土掘金、博客園和CSDN等一系列平臺
內容和自定義樣式瀏覽器中實時保存
可在工具中提交自定義主題
支持上傳圖片、腳註、公式

由於用了 antd，因此看起來很是簡潔，可是也所以很是龐大，可是這一點能接受。

需求

研究了做者提供了幾個主題，發現彼此審美上有誤差，本身實在忍受不了，因此就 fork 了一份，開始大面積調整。

添加了一個 CDK8S 主題
調整默認主題爲 CDK8S
調整默認配色爲 atomOneLight
添加開關 `IS_STYLE_READ_CACHE_OPEN` 默認主題從 localstorage 讀取
修改圖牀上傳接口，改成私有服務的 API
去掉第一次加載彈出的更新彈窗

由於 CDK8S 這個關鍵字是惟一的，因此你們能夠參考個人方式，本身定製本身的需求。

感謝

• 感謝 zhning12 童鞋
• 感謝 markdown-nice