Markdown Here 在公众号后台渲染成功,但保存后样式失效?
使用Markdown 进行微信排版保存后,之前设计的样式都消失了,这个应该怎么解决呢?
原因1:
近期微信对公众号后台编辑器做了一些功能的升级和调整,就不再支持 Markdown here中 .markdown-here-wrapper
的全局设定。所以如果你需要调整正文的样式,需要改用P
标签来进行自定义。
比如你需要调整所有段落文字的边距、字体类型,可以通过在 Markdown Here的渲染代码中对P
的代码做如下修改:
p { margin: 0 0 1.2em 0 !important; font-family: Avenir, PT-sans !important; padding: 0.5em 1em !important; font-size: 14px !important; line-height: 1.8em; }
!important在这里的意思就是“强制应用”的意思。当然在邮件、非微信公众号编辑器等其他地方还是可以正常使用的。
另外,如果还是出现问题,请根据一下操作尝试:
- 确保使用课程配套文件中最新的渲染代码;
- 如果问题还是存在,为了更好地进行问题排查,请提交工单,并附上你的Markdown here 排版代码;
- 如果问题还是无法解决,请提供课程购买订单号,我们会帮助你进行远程协助诊断;
原因2
Firefox的浏览器使用Markdown Here 渲染的时候会出现兼容性的错误,导致渲染生效但是保存后样式失效,这是因为对font-family的声明支持有限制,只需要把font-family字体的设定放到每一个样式声明最后,或者直接不适用font-family声明。