如何查看 HTML 源文本和转义结果

先了解它能做什么

这个工具适合在处理 HTML 文本时查看其转义表示，并在需要对照时同时查看输入内容与转义内容。它处理的是文本表示，不是网页渲染器：预览模式不会执行 HTML，也不等于清理内容或进行安全检查。HTML 输入可以留空；模式也可以不填写，未填写时按 source 处理。

按步骤查看和对照 HTML 文本

1. 在 HTML 输入区域粘贴或输入要查看的内容。内容可以是一段标签、带属性的元素或包含换行的 HTML 文本。如果暂时没有内容，可以保持为空；空输入会以空内容成功处理，不会进入 source 或 preview 的非空处理分支。

2. 选择处理模式。选择 source 时，提交非空 HTML 后，结果会包含所提交 HTML 的转义表示。选择 preview 时，结果会同时包含所提交的 HTML 和转义表示。这里的“预览”是文本层面的并列查看，不是把标签当作网页运行。

3. 提交请求并查看结果。若不选择模式，则使用 source。若选择的模式既不是 source 也不是 preview，结果会返回错误响应，因此应检查模式是否填写为支持的选项。

4. 对照结果内容。需要确认标签如何被表示时，重点看转义表示；需要比较原始输入与转义表示的差异时，使用 preview。对于非空的 source 和 preview 请求，结果还会提供字符数，以及按换行分隔计算的片段数。输入中是否有换行，会影响后一个统计值。

如何理解结果

source 适合只查看非空 HTML 的转义表示；它不会把标签作为页面显示。preview 适合需要并排核对输入内容和转义表示的场景，但“预览”一词不应理解为浏览器预览。字符数反映所提交 HTML 的字符数量，片段数则按换行分隔统计，因此它不是段落、元素或可见文本数量。

空输入与非空输入的处理路径不同：空输入会成功返回空内容，不能据此要求系统生成转义结果或统计值。对于非空请求，若结果出现错误，先检查模式名称；支持的处理模式只有 source 和 preview。

使用示例

用户想核对一段包含中文文本的段落标签在转义表示中的形式。

输入“

你好

”，选择 preview 后提交，并对照结果中的输入内容与转义表示。

结果应包含所提交 HTML 的转义表示、字符数和按换行分隔的片段数；选择 preview 时还应包含所提交的 HTML。

使用限制

• 结果表示面向 HTML 文本对照，不提供网页渲染；字符数和片段数也不代表元素数量、段落数量或可见文本数量。

常见错误

• 错误原因：把模式填写成 source 或 preview 以外的名称。纠正方法：改用 source 查看转义表示，或改用 preview 同时对照输入内容与转义表示。

常见问题

HTML 输入可以留空吗？

可以，但空输入会成功返回空内容，而不是进入非空 source 或 preview 处理分支。输入非空 HTML 后，source 会返回转义表示，preview 会同时返回输入内容和转义表示。

不选择模式时会使用哪种模式？

未填写模式时，系统默认使用 source 模式；它适合查看非空 HTML 的转义表示。

preview 会把 HTML 渲染成网页吗？

preview 不会渲染网页或执行 HTML。对于非空请求，它提供所提交 HTML 与转义表示，方便进行文本对照。