黑白梦黑白梦

  • 文章
  • 专栏
  • 文章
  • 专栏
全部文章

通过 wechat-format 把 markdown 转换为微信公众号格式,并将样式同步到博客前台

发布于 2022-05-04更新于 2023-02-13约 1 分钟

介绍

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 进行代码高亮操作。

目录
介绍操作把样式同步到博客中
上一篇iframe-resizer 自动解析 iframe 高度下一篇sortablejs 拖拽排序

©2015-2026 黑白梦 粤ICP备15018165号

联系: heibaimeng@foxmail.com