HTML实体编解码
输入文本,将 <、>、&、引号等特殊字符编码为命名或数字 HTML 实体,或反向解码,用于避免页面解析错误与脚本注入,适合前端内容转义处理。
🔤 HTML Entity Encoder
Encode and decode HTML entities (named and numeric) in your browser for safe markup and text.
📐 工作原理与说明
HTML 实体的编码与解码。
- 安全输出:把用户内容插入 HTML 时必须转义
&<>"'。 - 属性上下文:属性值需额外注意引号处理,单引号包裹的属性也要转义单引号。
- 局限:实体转义不能替代富文本净化,应配合白名单过滤(如 DOMPurify)。
- 上下文:HTML 文本、属性、JS、CSS、URL 各有不同的转义规则,不可混用。
示例填充:
示例填充:
| 字符 | 命名实体 | 数字实体 | 说明 |
|---|
📚 深度解析:HTML 实体编解码
💡 常见使用场景
- 与 html-entities-encode 同类,做实体双向转换。
- 把 CSV 里的产品描述批量转成实体后贴进静态页模板,避免尖括号被浏览器当成标签吞掉。
解码 "©"
输入 `©` → 输出 `©`(版权符号 U+00A9)。
❓ 常见问题(FAQ)
- 命名实体和十进制实体能混用吗?
- 可以,浏览器都能解析。
- 空格和换行需要转成实体吗?
- 通常不需要。普通空格在 HTML 中会被折叠为一个,只有需保留连续空格时才用 ;换行需用 <br> 或 CSS 的 white-space 控制,转成 并不会产生换行效果。批量转义时应只处理危险字符与确实需要保形的空白。
▼
工具简介
HTML实体编解码。专为开发者打造的在线工具,纯前端运行,代码不离开浏览器。