HTML 实体编码器:转义与还原

HTML 实体编码器,可即时转义 < > & " 或将命名、十进制和十六进制实体还原为文本。

你的文本在浏览器本地完成转义和还原,不会有任何内容被上传到服务器。

由 Udit Agarwal 开发和维护

想为 JSON 转义文本?试试 JSON 转义 / 还原。

关于 HTML 转义 / 反转义

这款 HTML 实体编码器可在你的浏览器中直接转义 HTML 特殊字符,并将实体还原为纯文本。在转义模式下,它将五个特殊字符 & < > " 和 ' 转换为安全的实体形式(&amp;、&lt;、&gt;、&quot;、&#39;),让你可以在线转义 HTML,在标记中展示代码、标签或用户输入而不破坏页面。在还原模式下,这款 HTML 转义与还原工具会将命名实体(如 &lt; 和 &nbsp;)以及十进制(&#39;)和十六进制(&#x27;)数字引用解码回原始字符。它专为前端和后端开发者、技术文档撰写者以及处理模板、邮件 HTML 或抓取页面的 QA 工程师打造。一切都在本地处理,因此你的代码片段永远不会离开你的设备。

功能特性

  • 转义模式将 & < > " 和 ' 转换为 HTML 安全实体
  • 还原模式解码命名实体,如 &lt;、&gt;、&quot;、&apos; 和 &nbsp;
  • 将十进制数字实体(如 &#39;)解码回字符
  • 将十六进制数字实体(如 &#x27;)解码回字符
  • 最后才解析 &amp;,使已转义的和号能干净地解码
  • 通过单个切换在转义与还原之间切换
  • 输入时实时更新输出,并支持一键复制
  • 全程在你的浏览器中运行

如何使用 HTML 转义 / 反转义

  1. 选择转义来编码字符,或选择还原来解码实体。
  2. 将你的文本或 HTML 粘贴到输入框。
  3. 在输入时于输出面板查看转换结果。
  4. 点击复制以获取转义或还原后的输出。

示例

输入

<a href="x">Tom & Jerry's</a>

输出

&lt;a href=&quot;x&quot;&gt;Tom &amp; Jerry&#39;s&lt;/a&gt;

转义模式将标记和特殊字符转换为 HTML 安全实体。

常见错误与故障排除

  • 转义后输出仍显示原始的 < 和 >,似乎不对。 — 请确认你处于转义模式;还原模式做相反操作,会把实体转回字符。
  • 诸如 &copy; 或 &mdash; 的命名实体无法解码。 — 只有 &lt;、&gt;、&quot;、&apos; 和 &nbsp; 被作为命名实体处理;请改用数字形式,如 &#169; 或 &#8212;。
  • 二次编码的文本显示为 &amp;lt; 而不是 <。 — 运行还原两次,因为该文本被转义了不止一次,每次会解码一层。
  • 期望转义能让不受信任的 HTML 可以安全渲染。 — 对纯文本而言,转义可防止标记注入,但在渲染不受信任的 HTML 之前,请始终使用专门的净化工具进行清理。

常见问题

什么是 HTML 实体编码器,它会转义什么?
HTML 实体编码器会转义五个 HTML 特殊字符:& 变为 &amp;,< 变为 &lt;,> 变为 &gt;," 变为 &quot;,' 变为 &#39;。
如何将 HTML 实体还原为文本?
将 HTML 实体编码器切换到还原模式并粘贴你的文本;它会解码 &lt;、&gt;、&quot;、&apos; 和 &nbsp;,以及十进制(&#39;)和十六进制(&#x27;)数字引用。
转义 HTML 能让用户输入可以安全显示吗?
当你将文本作为内容输出时,转义可防止标记注入,但在将不受信任的 HTML 作为标记渲染之前,你仍应对其进行净化。
HTML 实体编码器能处理数字字符引用吗?
能。还原模式会将十进制引用(如 &#169;)和十六进制引用(如 &#xA9;)都转换回它们的字符。
为什么 &amp; 在其他实体之后才解码?
HTML 实体编码器最后才解析 &amp;,这样诸如 &amp;lt; 之类已转义的序列就能一次解开一层,而不会错误地折叠。
使用 HTML 实体编码器时我的文本会被上传到任何地方吗?
不会。HTML 实体编码器在你的浏览器本地处理一切,因此你的文本永远不会离开你的设备。

相关工具

更多编码 / 解码工具

查看全部编码 / 解码工具 (31) · 全部工具