HTML实体编码互转

字符串
操作
复制成功
结果

一、工具功能说明

  • HTML普通文本 ↔ HTML实体字符双向互转,转义 < > & " ' 等特殊标签符号;
  • 前端纯JS实现,无需后端,离线本地使用;
  • 转换后文本可直接放入前端代码、数据库存储,防止XSS、页面标签解析错乱;
  • 一键复制转换结果,复制成功绿色提示;
  • 支持包含HTML标签、中文、特殊符号、引号、&链接符号完整转换。

二、完整转换实例

1、原始输入字符串

HTML实体编码互转爱资料工具 
测试&符号

2、点击【字符串转实体化】输出实体编码

HTML实体编码互转爱资料工具 <div class="test">测试&符号</div>

3、将实体编码粘贴输入框,点击【实体化转字符串】还原原文

HTML实体编码互转爱资料工具 
测试&符号

三、操作步骤

  1. 左侧文本框粘贴需要转换的HTML/普通文本;
  2. 转实体:需要原样展示标签时,点击蓝色【字符串转实体化】;
  3. 还原文本:已编码的实体字符串,点击蓝色【实体化转字符串】;
  4. 点击绿色【复制结果】一键复制右侧输出内容。

四、转换规则说明

  • < 对应实体 &lt;
  • > 对应实体 &gt;
  • & 对应实体 &amp;
  • " 对应实体 &quot;
  • ' 对应实体 &apos;
  • 适用场景:前端页面渲染代码预览、富文本存储、防XSS输出。