markdown 转换富文本的方式有很多,但能转换出来的粘贴到微信公众平台,很容易错乱。通过 wechat-format 这个工具,可在线编辑器,一键完成转换粘贴,效果较好。
1、进入 wxformat在线编辑器: 即可进行操作。
2、通过 wechat-format 转换的代码块,粘贴到公众号后,用鼠标点一下代码块即可高亮。
1、博客的前台和后台,都引入相关css代码。
引入该文件 /*wechat code block*/ 部分的代码:
https://github.com/lyricat/wechat-format/blob/master/src/assets/css/app.css
2、转换的富文本代码中, style 属性可能会被编辑器过滤,解除该限制。如在 tinymce 中进行如下配置,允许部分属性的保存。
paste_webkit_styles: 'box-sizing margin padding font-weight font-style text-indent white-space word-spacing text-decoration-color text-align color line-height letter-spacing font-size',
3、博客前台,引入 highlight.js 进行代码高亮操作。