一行模板套着六类标签

南昌红谷滩赣江传媒的编辑罗见微，手上是订单确认邮件的模板，整封挤成一行，标签层级全靠脑补，她想展开看谁套着谁，再做一份转义版贴进后台说明文档。"HTML 原文"框贴进 193 字符：外层 div 带 mail 类，里面 h2 写"订单确认"，p 里是"您好，您的订单"，订单号"NB20261103001"被 b 包着，后面接"已发货。"，再有 img、br 和写着"查看详情"的链接，图片的 alt 是"物流"。

缩进写死两层空格

按"美化缩进"，右侧"处理结果"才被填上，源码里每层写死 2 空格，没有让你选空格数的开关。粘完不会自动排版，结果要按按钮才出来。右侧从 193 字符涨到 253 字符，每个标签独占一行。img 与 br 各占一行，停在跟 h2、p、a 相同的 2 空格层，不让后面的标签再往里缩，这是空元素白名单在起作用，不是漏了缩进。

文字节点也被拆成行

连"订单确认""您好，您的订单""已发货。""查看详情"这些文字都各占一行并带着缩进，读起来比原文碎得多，253 字符就是这么来的。工具把文本节点也当成要排版的独立一行，不是标签写错。它仍是合法 HTML，换行和缩进在浏览器里大多会被折叠，显示效果基本不变。

转义会盖掉缩进版

"转义"和"美化缩进"都从左侧原文重算，各写各的结果到同一个右侧框，所以按下"转义"那份 253 字符的缩进版就被覆盖。拿到的是 <div 开头的实体串，对应 193 字符原文，不是展开后的那份；贴到页面里会显出尖括号标签字样。旁边还有"反转义"，"复制结果"把当前右侧这一份送进剪贴板，想留两份得分开复制。

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。