HTML 实体完整编解码

🔤 HTML Entities Encode

Encode and decode HTML entities (named and numeric) in your browser — keep markup and text safe.

📐 工作原理与说明
在文本与 HTML 实体之间双向转换。
  • 编码:可只转义必要字符,也可把全部非 ASCII 字符转为数值实体。
  • 解码:需同时支持命名实体与数值实体(含 &#xHH; 十六进制形式)。
  • 陷阱:重复转义会产生 & 这类双转义,显示出错。
  • 用途:模板输出、富文本存储、跨系统数据交换。

📚 深度解析:HTML 实体完整编解码

💡 常见使用场景

  • 把用户输入转义防止 XSS,或还原富文本里的实体。
  • 富文本入库前统一转义:把用户粘贴内容里的 < > & 转成实体再存储,输出时按场景决定是否反转义。
编码 "<script>"
输入 `<script>` → 输出 `&lt;script&gt;`,浏览器渲染为文本而非执行。

❓ 常见问题(FAQ)

全量编码会不会影响中文?
中文也可编成 &#20013; 形式,但体积大,通常只编码特殊字符。
全量编码和只转义危险字符有什么区别?
只转义 < > & " ' 五个字符能防 XSS,且中文与排版保持原样;全量编码会把每个非 ASCII 字符都转成 &#xXXXX;,虽能绕开部分编码问题,但体积变大、可读性变差,旧编辑器回显时还可能变成乱码。日常建议只转义危险字符。
⚠️ 使用说明与注意事项
📖关于「HTML 实体完整编解码」 ▼

📝工具简介

HTML 实体完整编解码。专为开发者打造的在线工具,纯前端运行,代码不离开浏览器。