wechat-mp-article
高颜值的微信公众号图文消息排版
使用手册
-
微信公众号的图文消息编辑器中提供了一般的富文本编辑功能, 例如粗体, 斜体, 颜色, 背景等等, 但默认的样式排版下不太适合阅读大段文字. 另外还提供了引用(
<blockquote>)和表格(<table>)的默认样式. -
使用了适合中文排版的 CSS 样式库, 让微信公众号图文消息阅读起来赏心悦目. 现在推荐使用 赫蹏
基于 typo.css 和 Entry.css 来实现排版效果, 例如 typo.css 排版实例, 博文demo, 散文demo
以前喜欢 Zine 的排版, 现在非常喜欢WeicoNote简洁的编辑风格, 也做了些借鉴, 让写文章的时候可以更关注内容而非排版.
-
基于Mditor做了一个 markdown 的编辑器. 你可以使用这个编辑器来编写公众号图文消息, 编写完后全选右边的内容复制到公众号的图文消息编辑器中即可.
填过的坑
- 样式中不要有字体设置, 否则复制到图文消息的编辑器中, 会造成样式被丢弃
- 复制嵌套多级的
ul/ol结构到图文消息的编辑器中, 会变成最多只有两级的结构 pre内容复制到图文消息编辑器中没有保留换行, 会造成所有内容都挤成一行
其他资源
开源
- markdown-nice
- md
- md4wxpub
- WXEditor 类似市面上的公众号文章排版编辑器
- 雷劈网开源微信编辑器