程序员的专属微信公众号编辑器：定制 Markdown 转 HTML

时间 2019-11-08

标签程序员专属微信公众号编辑器定制 markdown html 栏目快乐工作繁體版

原文原文链接

效果（Gif）

在程序员的世界里，只要习惯用 Git，写文章必然就是 Markdown 了。html

近来几天，从新玩起了微信公众号，最不能忍受的就是那个编辑器，效率很低。虽然微信如今已经提供了模板功能，可是对于喜欢多平台发文的程序员来说，维护多个内容成本太高。git

了解了目前市场上主流的编辑器：程序员

结论是：都不是我想要的。github

这几个编辑器都是偏向推广玩法的类型，过于花俏。好一点的模板也基本都是收费的，因此只能放弃。浏览器

通过 Google 几下，发现微信编辑器是能够直接复制 HTML 代码块，这就给咱们提供了更多可能。bash

既然常规主流的玩法没法知足需求，那我就换了一个思路：继续 Markdown 书写，而后借用转换器转换微信

我开始换关键字搜索：React markdown 组件markdown

在搜索的过程当中我偶然遇到了：markdown-niceantd

简介
支持自定义样式的 Markdown 编辑器
支持微信公众号排版
支持知乎、稀土掘金、博客园和CSDN等一系列平台
内容和自定义样式浏览器中实时保存
可在工具中提交自定义主题
支持上传图片、脚注、公式
复制代码

由于用了 antd，因此看起来很是简洁，可是也所以很是庞大，可是这一点能接受。编辑器

研究了做者提供了几个主题，发现彼此审美上有误差，本身实在忍受不了，因此就 fork 了一份，开始大面积调整。

添加了一个 CDK8S 主题
调整默认主题为 CDK8S
调整默认配色为 atomOneLight
添加开关 `IS_STYLE_READ_CACHE_OPEN` 默认主题从 localstorage 读取
修改图床上传接口，改成私有服务的 API
去掉第一次加载弹出的更新弹窗
复制代码

由于 CDK8S 这个关键字是惟一的，因此你们能够参考个人方式，本身定制本身的需求。