← Apps
WeChat Article Preview
Drop HTML into a phone-sized WeChat article, check the layout, then copy the rich text straight into the editor.
上传 HTML
复制源码
示例
清空
⌘ / Ctrl + S 直接复制排版
复制排版
HTML 源码
18 行 · 890 B
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
<section style="padding:4px 0"> <p style="font-size:12px;letter-spacing:0.16em;color:#b0a49a;margin:0 0 14px">识语 · 工具笔记</p> <h2 style="font-size:20px;line-height:1.4;color:#2b2520;margin:0 0 16px"> 把排版先看一眼，再交给公众号 </h2> <p style="color:#4e3629"> 左边贴 HTML，右边就是它在文章里的样子。字号、行高、图片缩放都按微信的规矩来， 不用发布之后再改三遍。 </p> <section style="border-left:3px solid #e59a24;padding:2px 0 2px 12px;margin:18px 0"> <p style="color:#847a6f;margin:0"> 公众号只认内联样式，class 会被全部剥掉 —— 预览里看不出问题，发出去才发现样式丢了。 </p> </section> <p style="color:#4e3629"> 确认无误后点右上角「复制排版」，粘到公众号编辑器里，格式原样带过去。 </p> </section>
公众号预览
393 pt · 内联样式优先
9:41