HTML转义在线工具

输入字符串
返回结果

一、工具4种功能说明

1. HTML转义：将HTML特殊字符替换为实体字符，防止XSS、页面标签错乱； 转换字符：& → & < → < > → > " → "

2. HTML反转义：把实体字符还原为原始符号，解析HTML内容

3. 转义单引号：仅处理单引号 ' → ' ，适配JS、Vue单引号模板

4. 单引号反转义：仅将 ' 还原为单引号 '

二、标准HTML转义对照表

原始字符    转义实体
&           &
<           <
>           >
"           "
'           '

三、完整使用实例

示例1：HTML转义

原始输入：
<div class="test">测试'内容 & 符号</div>

转义输出：
&lt;div class=&quot;test&quot;&gt;测试'内容 &amp; 符号&lt;/div&gt;

示例2：HTML反转义

输入实体：
&lt;div&gt;测试&lt;/div&gt;

反转义结果：
<div>测试</div>

示例3：单引号转义

输入：前端'工具测试
转义：前端'工具测试

示例4：单引号反转义

输入：前端'工具测试
输出：前端'工具测试

四、业务使用场景

1. 后端接口返回内容渲染前端页面，防止XSS跨站攻击；

2. 富文本编辑器存储HTML代码，存入数据库时转义；

3. JS字符串拼接HTML，避免引号、尖括号破坏语法；

4. 模板引擎（Vue/React/PHP）渲染带特殊符号的文本。