跳到主内容
CrateX.app 徽标

CrateX.app

HTML 转义/反转义

HTML 转义/反转义支持 HTML 实体的转义与反转义，可处理特殊字符与标签展示，适合用户输入展示、代码示例和内容安全处理。

输入文本

字符

0 / 500,000
HTML 转义/反转义

快速开始

1
在文本框输入内容（HTML 或已转义文本）
2
根据目标点击“编码”（字符→实体）或“解码”（实体→字符）
3
点击对应按钮开始转换，结果会覆盖并显示在同一文本框
4
点击“复制”，用于代码或展示

常见使用场景

用户评论

转义用户提交的评论内容，防止 XSS 攻击

博客文章

在文章中显示 HTML 代码示例

论坛帖子

安全显示用户发布的内容

聊天消息

防止恶意代码通过聊天功能传播

表单数据

处理和显示表单提交的数据

代码展示

在网页中展示 HTML/JavaScript 代码片段

转义规则与实体

本工具会转义这 6 类字符：< > & " ' /；其中 / 在多数 HTML 文本场景并非必须，但此处会统一处理
怎么写：< → &lt;，> → &gt;，& → &amp;，" → &quot;，' → &#39;，/ → &#x2F;
属性里的引号：用 &quot;（或 &#34;）表示双引号
展示标签原样：想显示 <script> 文本，请写成 &lt;script&gt;
标签处理：把 <div> 写成 &lt;div&gt;，避免被浏览器解析

使用建议

上下文转义：根据输出位置选择合适的转义策略
服务端处理：关键安全转义应在服务端进行
双重检查：转义后检查输出，确保没有遗漏
使用库：生产环境建议使用成熟的转义库而非手动处理
预览检查：转义后可以在浏览器控制台预览实际显示效果

限制与兼容性

本工具不是 Sanitizer：不会移除脚本/事件/危险协议，需配合内容净化（白名单清洗）使用
不完全防护：仅转义不能防止所有 XSS，需配合其他安全措施
上下文依赖：不同位置需要不同的转义策略（HTML 内容、属性、JavaScript、CSS）
大量文本：可能导致浏览器失去响应或崩溃，建议分段处理

隐私与安全

所有处理都在浏览器本地完成，当前内容可随时替换、清空并重新处理。

常见问题

5

可继续使用这些相关工具，完成后续步骤。