HTML Entity Encode/Decode｜HTML 实体转换

HTML 实体转换 HTML Entity Encode/Decode

实体编码/解码（&、<、>、"、' 等），用于防止字符在 HTML 中被误解析，或将实体还原为可读文本。
Encode/decode HTML entities (like &, <) to avoid being interpreted as HTML, or to restore readable text.

1. 输入参数 · Input

转换模式 / Mode 选择编码或解码 · Choose encode or decode

编码 Encode：把 <、& 等转为实体，避免被浏览器当成标签/语法。
解码 Decode：把 <、& 等还原为字符，便于阅读或二次处理。

编码策略 / Encode Strategy 仅在 Encode 时生效 · Only for Encode

编码引号 (” 和 ‘ )
Encode quotes (” and ‘) 保留换行 (输出不改行)
Preserve line breaks

编码非 ASCII (中文等 → &#NNNN;)
Encode non-ASCII → &#NNNN; 数字实体用十六进制 (如 <)
Use hex numeric entities

推荐 Recommended“最小安全编码”只编码最常见且会破坏 HTML 的字符：&、<、>，并可选编码引号。
“尽量全量编码”会把更多字符变成实体，适合要把内容嵌入属性值/JSON/模板或做演示展示时。

Tip: If you are pasting text inside HTML attributes, enabling quote encoding is usually safer.

输入文本 / Input Text 粘贴你的内容 · Paste your content here

支持多行文本。编码时可把“可能被当成 HTML 的字符”变成实体；解码时会识别常见命名实体与数字实体（十进制/十六进制）。<br/>
          Multi-line supported. Encode escapes special characters; decode recognizes named entities plus numeric entities (decimal/hex).<br/><br/>
          <strong>典型场景 · Common use cases:</strong><br/>
          1) 写博客/论坛代码块时，避免 <span class="wx-kbd"><script></span> 等被解释。<br/>
          2) 接口调试/日志里出现实体，需要还原阅读。<br/>
          3) 把内容安全嵌入 HTML 属性、模板变量或富文本字段。
        </div>
      </div>

<div class="wx-actions">
        <button type="button" class="wx-btn wx-btn-primary" onclick="runEntityConvert();">
          开始转换 · Convert
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="swapEntityIO();">
          交换输入/输出 · Swap
        </button>
        <button type="button" class="wx-btn wx-btn-secondary" onclick="clearEntityAll();">
          清空 · Clear
        </button>
        <span class="wx-toast" id="wx-toast">✅ 已复制 / Copied</span>
      </div>

<div class="wx-card" id="entity-results-card" style="display:none;">
    <div class="wx-section-title">2. 输出结果 · Output</div>

<div class="wx-results">
      <div class="wx-result-item">
        <div class="wx-result-label">
          结果文本 · Result Text
          <span class="wx-mini-actions">
            <button type="button" class="wx-mini-btn" onclick="copyEntityText('output-text');">复制 · Copy</button>
            <button type="button" class="wx-mini-btn" onclick="selectEntityText('output-text');">全选 · Select</button>
          </span>
        </div>
        <textarea class="wx-textarea" id="output-text" readonly>

快速预览 · Quick Preview

这里展示“更便于阅读/对比”的辅助文本：
- Encode 模式：会给你一个“可读预览”（尽量少实体）用于目测检查。
- Decode 模式：会给你一个“再编码后的安全版本”（用于粘回 HTML）。
This panel provides a helper view for quick validation & safer pasting.

3. 使用说明 · Notes

什么是 HTML 实体？ · What are HTML entities?
HTML 实体（Entity）是一种“字符的转义写法”，用来表示那些在 HTML 中有特殊含义的符号，比如 <、>、&、引号等。
An entity is an escaped representation of a character, especially those with special meaning in HTML (like < > & and quotes).
为什么需要编码？ · Why encode?
当你把一段文本直接放进 HTML（博客/论坛/富文本/模板）时，浏览器会“尝试解析”其中的标签与语法。
例如输入 hi，可能会被渲染成粗体，而不是原样显示。
编码后会变成 <b>hi</b>，浏览器就只会当作普通文本显示。
If you paste raw text into HTML, the browser may interpret it as markup. Encoding turns it into safe text so it displays literally.
什么时候需要解码？ · When decode?
你在日志、接口返回、数据库字段、SEO 抓取结果中，可能会看到实体形式（如 &）。解码可以把它们还原为可读字符，方便排错、对比与二次处理。
Decode when you need to read or process text that already contains entities (e.g., from logs, API responses, crawlers).
“最小安全编码” vs “尽量全量编码” · Minimal vs More encoding
Minimal 通常只编码 &、<、>（可选引号），适合绝大多数展示场景，输出更短、更可读。
All 会把更多符号变成实体/数字实体，更适合：嵌入属性值、避免任何歧义、或需要严格一致输出的场景。
Minimal is shorter and readable; More encoding is stricter and reduces ambiguity for embedding into attributes/templates.
数字实体：十进制/十六进制 · Numeric entities
形如 <（十进制）或 <（十六进制），都表示字符 <。本工具在解码时会识别两种形式。
Both decimal (<) and hex (<) forms are supported in decoding.
安全提醒 · Safety reminder
这类工具用于“展示/转义/还原文本”，不是用来绕过安全机制。若你的页面会把结果再插入 HTML 并执行，请确保你理解 XSS 风险，并使用可信的渲染策略（例如插入为文本节点而非 innerHTML）。
This tool helps with escaping/unescaping. If you re-inject output into HTML as executable markup, understand XSS risks and prefer text insertion over innerHTML.

说明：本工具在浏览器本地运行，不会上传你的文本内容。结果仅用于排版、调试与学习参考。
Note: Runs locally in your browser; your input is not uploaded. Results are for formatting, debugging, and learning.

HTML Entity Encode/Decode｜HTML 实体转换

HTML 实体转换 HTML Entity Encode/Decode

分类目录

支持与说明

HTML 实体转换 HTML Entity Encode/Decode

关注财富辛 WealthXin

分类目录

支持与说明