很多人听到“HTML”时，会下意识觉得这是程序员才会接触的东西，和公众号排版没什么关系。实际上，在135编辑器的日常使用中，HTML不需要会写，只需要会用。它可能是现成案例、技术同事给出的代码，也可能是AI生成的代码；运营真正要做的，只是复制、粘贴、查看效果、再按需调整。
你不需要会写，你只需要会用。
需要先说明：公众号图文里的HTML，不是所有网页代码都能直接套用。外部CSS、JavaScript、iframe等内容，微信图文不支持。判断代码是否可用，要以微信图文的兼容范围为准。
HTML在公众号排版里能做什么？
可以把HTML的用途分成三类：基础排版、结构模块、SVG效果。
基础排版：提示卡、信息卡、说明模块
推文里经常需要放“发布前检查”这类提醒信息。用HTML可以快速生成样式统一的提示卡。例如：
运营提醒
推文发布前，建议检查这4件事：
- 标题是否清晰通顺
- 封面图是否清晰
- 跳转链接是否正确
- 正文是否存在错别字
这样的模块，不需要手工调整色块和边框。你可以让AI生成一段HTML，再通过「区域代码」插入到正文中。
结构模块：时间轴、流程展示、分类信息
当内容包含多个步骤或分组时，HTML还能做成时间轴、流程展示、分类信息等结构模块。相比纯文字分段，结构模块能让复杂信息的层级关系更清楚，读者理解起来也更省力。
SVG效果：点击显示、内容切换、互动展示
HTML的另一个用途是承接SVG效果。在微信图文支持范围内，可以用HTML实现点击显示、内容切换、点击互动等效果。这类展示建议在手机端预览体验，因为公众号的主要阅读场景是移动端。
如何把HTML代码插入135编辑器？
以AI生成的HTML为例，操作路径是：
- 让AI生成符合公众号图文要求的HTML代码。
- 在135编辑器页面的「区域操作」中，选择「区域代码」。
- 粘贴代码，查看效果，再按需调整。
如果让AI帮你生成代码，记得提前说明：代码需要适用于微信公众号图文，使用内联样式，不要使用外部CSS、JavaScript、iframe等微信不支持的内容。这样生成的代码，更接近实际可用的状态。
135SVG编辑器制作的效果，怎么插入？
在135SVG编辑器中完成效果制作后，可以复制代码，再导入到135编辑器文章里。
导入完整效果
如果制作的是完整内容，可以在SVG编辑器中点击右上角「导入」，选择「复制代码到135编辑器」；随后回到135编辑器，通过「导入文章」-「导入HTML」放入文章。
在已有模板中插入效果
如果只是在一篇已有文章或模板中插入某个SVG效果，继续使用「区域代码」即可。
首次使用HTML前，先记住这三件事
- 先留一份原稿：正式修改前，保存或复制一份原内容。万一操作失误，还能退回原来的版本。
- 看不懂的代码别随便删：代码里的标签和符号都可能影响最终结构。如果只是使用现成代码，不需要为了“看起来清爽”随意删除。
- 编辑器正常不代表检查结束：HTML导入后，保存并同步到公众号后台，再用手机端预览。最终效果以实际展示为准。
HTML的门槛，没有想象中那么高
HTML本身不需要被想得太复杂。如果你想从零学会写代码，当然需要花费时间；但如果目标只是把已经准备好的HTML用起来，门槛并没有想象中那么高。下次遇到提示卡、流程展示或SVG互动需求时，不妨用HTML试试。
关于作者
作者：135编辑器
简介：135编辑器是一款用于公众号等新媒体场景的图文编辑工具，主要围绕公众号推文的排版与内容制作，提供模板样式、图文编辑与 AI 辅助创作等能力，成立于 2014 年，至今已服务超过 2000 万用户。
本系列由 135编辑器内容团队撰写，持续整理公众号排版方法、图文编辑技巧与 AI 辅助创作的实操内容，供新媒体运营者参考。文中功能与数据以产品当前版本及官方说明为准。
