公众号排版助手
自己用 AI 生成的 HTML 想粘进公众号,代码模式一贴就散——样式全丢,
只剩光秃秃的字。原因不复杂:公众号不认 <style> 和 class,
它只认写在标签上的内联样式。
这个工具干的就一件事:把你 HTML 里的 CSS 一条条塞进每个标签的 style 属性,
再把公众号不吃的东西清掉。转完直接复制,粘进后台,版式是原样。
1 · 把 HTML 粘进来
2 · 看效果,然后复制
「一键复制」写的是网页格式,粘到公众号后台直接成版;「复制 HTML 源码」是给你粘贴到 别的编辑器或存档用的。两个都复制失败的话,手动全选源码框里的内容拷也行。
它做了什么
说穿了就三步。第一,把 <style> 里的规则按选择器找到对应元素,
算出每个元素最终长什么样——这一步交给浏览器自己算,比我手写匹配靠谱。
第二,把算出来的样式写成 style="..." 贴在标签上。
第三,把公众号不认的标签降级、该丢的丢掉,图片补上最大宽度。
要说清楚的两个坑
一个是外部样式表。如果你的 CSS 是从 <link href="xxx.css">
引的,浏览器读不到那个文件的内容——跨域限制。所以样式得直接写进 <style> 里,
这点我没法替你绕过去。
另一个是公众号后台的二次过滤。它拿到你的 HTML 后还会自己再筛一遍, 偶尔会把某些背景色、定位属性去掉。所以复制过去之后,最好扫一眼再发, 别直接点发送。这个不是我转换不干净,是平台的手。
隐私
转换全程在你浏览器里跑,没有把内容发到任何服务器。你把网页关掉,粘进去的东西就没了。