HTML一键转换公众号排版

解决的问题

公众号编辑器对样式有严格限制：外部CSS、@media、动画、SVG/Canvas图表等均无法直接呈现，粘贴HTML常导致样式丢失或动态效果失效。手动调整不仅耗时，还易引入格式错乱。

核心能力与工作流程

• HTML清洗转换：自动提取正文区，内联CSS样式与变量，映射div到section，清洗平台禁用项（如class/id属性、定位属性），处理连续空格转 ，拆分代码块行，适配图片自适应。
• 动效转GIF：检测@keyframes/animation引用的动画元素，自动录制为GIF（≤10MB），插入「🎬 此处原为CSS动画」占位，支持手动指定选择器/时长/帧率微调。
• 模型质量把关：核对内容完整性（段落、图片、图表），清理导航/页脚残留，处理相对路径图片（提示替换外链），校验图表占位对应关系，修整嵌套列表层级与代码块格式。
• 合规校验与预览：强制清零ERROR（如半角标点、禁用CSS属性），生成预览页含「复制到公众号」按钮，一键复制渲染后的富文本。

适用边界与注意点

• 输入限制：仅支持HTML文件、粘贴文本或URL，非HTML输入需先转换；URL抓取内容可能受付费墙影响。
• GIF限制：交互行为（如hover/点击展开）无法GIF化，需改用平铺展示；动画时长建议≤5秒，帧率≤15避免超体积。
• 图表处理：SVG/Canvas图表转为占位提示，需手动截图上传；源码保存至{输入名}_assets/目录。
• 样式红线：禁止position:fixed、float、display:grid、CSS变量等，需全部内联style，文字节点必须用<section>包裹。
• 模型编辑规范：手动调整后需保证<section>包裹、内联样式不丢失，复跑校验确认0ERROR。