微信公众号编辑器-微信公众号 Markdown 编辑器，可能是最接近原生的体验

这个小工具起源于该项目：lyricat/wechat-format[1]，甚至可以说，目前存在的各种用 Markdown 写微信公众号的编辑器，最初的思路应该都来源于这个项目。

当时，我有幸看到这个项目，就被这简洁的风格所折服。还不会用Vue写前端页面的我，都鼓起勇气，为满足自己的需求，用蹩脚的代码，实现了几个小功能，在Github上提交了几次 PR，竟都被作者合并了。

至今，原项目的在线版还留有我的痕迹，为了记录当时的小确幸，还写了一篇公众号文章：。

时隔两年多，我又重启了这个项目，这是我没有想到的。

就像我没有想到「这个项目两年多时间没有更新，竟然还有用户在使用」「这么多年过去了，我竟然还在写微信公众号」「竟然有人会因为这个项目，认识了我」一样。

现在重新开始维护这个项目，一是，为了方便自己写公众号；二是，为了那些还在坚持使用的用户。

把这个工具送给你们，如果第一感觉还不错微信公众号编辑器，记得关注我。

支持图床

这是优先级最高的需求，没有之一。在微信官方编辑器插入图片实在是太麻烦了。

而使用其他编辑器写的文章，如果不支持图床服务，写完再贴到公众号上，图片处理起来更加麻烦。

所以，图床服务是一定要支持的，这也是重新启动这个项目的原始动力之一。

使用方法：直接粘贴图片到编辑器内。

目前使用自建图片上传服务，一段时间自动删除所有服务端图片。该服务仅仅是为了编辑公众号使用，切不可当作长期图床。

另外，图片暂未做任何压缩处理，建议提前处理图片大小，避免上传时间过长。

基础样式原项目风格

作者在「关于」里描述该项目特点的时候，写到三点：

•能较好地排版；•能解决ul和ol渲染时样式被微信编辑器重置的问题；•能把外部链接自动转为参考文献索引，并且附在文章末尾

而我喜欢的地方主要以下几点：

•标题的居中处理方式，很简洁，很漂亮，非常适合手机端的阅读•通过脚注的方式，支持第三方链接的展示，这个处理方式微信公众号编辑器，简直是妙极了•整个界面的简洁风格，后面我提交的几次 PR，反倒把页面整复杂了•整个项目就是一个静态页面，非常符合一个工具的定位

我的风格

在原项目的基础上，按照自己的风格，修改了一些样式：

•加粗就是单纯的加粗，与官方编辑器样式保持一致•微信文章链接使用蓝色字体，与官方编辑器样式保持一致•斜体使用黄色底纹，因为不喜欢原斜体样式•分隔线使用灰色线条，与官方编辑器样式保持一致•行内代码code使用灰底蓝色，个人主观喜好•列表项样式细节的一些调整•引用样式的调整，与官方编辑器样式保持一致

在我观念里，原生的往往是最好的。官方编辑器的文章样式，在微信上阅读，一定是体验最好的，如果你觉得不是，可能是你的审美有问题。

其他样式列表

如上所示，基本与原项目保持一致，我只是做了细微的调整，仍然不支持多级列表。由于我没有这方面强烈的需求，暂不研究了。

代码块

保持与原项目一致。

使用微信官方的高亮配色，在代码块标示语言即可。粘贴到公众号后，需要用鼠标点一下代码块，完成高亮。

#include 
const int MAX = 10;int cache[MAX] = {0};
int fib(int x) {  if (x == 1) return 1;  if (x == 0) return 0;  if (cache[x] == 0) {    int ret = fib(x - 1) + fib(x - 2);    cache[x] = ret;  }  return cache[x];}
int main() {    int i;    printf("fibonacci series:n");    for (i = 0; i < MAX; ++i) {        printf("%d ", fib(i));    }    return 0;}

注音符号

原项目的一大特点，保持与原项目一致。

注音符号 W3C 定义[2]，支持日语注音假名，小夜時雨さよしぐれ和 汉语拼音上海Shànghǎi。

用法有以下几种：

世界【せかい】世界{せかい}

世界せかい

小夜時雨【さよしぐれ】

小夜時雨さよしぐれ

食べる【たべる】食べる{たべる}

食たべるnn english【英文】 will not translated{fan yi}’

表格

保持与原项目一致。

Header 1

Header 2

Key 1

Value 1

Key 2

Value 2

Key 3

Value 3

后续计划

目前版本还有很多的小问题，后面会根据自己的风格，继续做样式调整，大部分样式不会有太大的变化，短时间内，更不会有其他主题的产生。

最后，点击原文链接访问，欢迎来试用，欢迎来找 bug，提需求。

References

娜娜项目网每日更新创业和副业项目

网址：nanaxm.cn 点击前往娜娜项目网

站 长 微 信： nanadh666

[1]lyricat/wechat-format:

[2]注音符号 W3C 定义:

娜娜项目网每日更新创业和副业项目

网址：nanaxm.cn 点击前往娜娜项目网

站 长 微 信： nanadh666