HTML 转义 / 压缩

文本处理 完全免费 🔒 本地处理不上传 🕘 历史记录 📥 离线可用 🌙 支持黑夜模式

三种操作自由组合:实体转义把 < > & 转成安全实体(防 XSS)、反转义还原成原始标签、压缩空白去换行缩进减体积。处理完直接复制即用。

类别程序员 · 文本处理
运行方式纯前端 · 离线运行
支持操作实体转义 / 反转义 / 压缩空白(可组合)
数据存储本地保存(localStorage)

🧰 HTML 转义 / 压缩

操作 可多选,执行顺序:反转义 → 转义 → 压缩
📥 输入 HTML
📤 处理结果
勾选操作后点击「执行」

🕘 处理历史

本地保存最近 20 条,点击恢复

核心特性

HTML 实体转义(防 XSS)
实体反转义还原原文
压缩空白与换行
三种操作自由组合
字符数与行数实时统计
执行步骤明确提示
历史记录本地保存
支持黑夜模式与离线使用

什么时候需要 HTML 转义 / 压缩?

在页面上把一段 HTML 当作文本展示时(例如写教程、做代码演示、用户提交的富文本回显),如果不转义,浏览器会把它当成真实标签渲染出来,轻则排版错乱,重则被注入脚本造成 XSS。这时需要把 <、>、&、引号等字符转成对应实体。

反过来,从接口或数据库里取到的内容是 &lt;div&gt; 这种实体形式时,人眼很难阅读,需要反转义还原成真正的标签再查看或二次加工。

还有一种常见需求是压缩:邮件模板、组件代码、HTML 片段写好后带很多缩进换行,压缩掉多余空白能减小体积,方便作为字符串塞进配置或传输。本工具把三种操作做成可自由组合,处理在浏览器本地完成、数据不上传,处理历史保存在本机。

怎么用

  1. 粘贴 HTML
    把要处理的 HTML 贴进左侧输入框,或点「🎲 示例」加载一段带实体的演示代码。
  2. 勾选操作
    按需勾选「转义实体 / 反转义 / 压缩空白」,可多选;执行顺序为反转义 → 转义 → 压缩。
  3. 执行
    点「⚡ 执行」,状态条会提示执行了哪些步骤以及输出字符数、行数。
  4. 复制
    点「📋 复制」取走结果;处理内容自动存入「🕘 处理历史」,点击即可恢复。

使用技巧

  • 同时勾选转义与反转义时,顺序是先反转义再转义,最终会回到转义状态。
  • 转义会处理 & < > " ' 五种字符,足够覆盖常见 XSS 场景。
  • 反转义借助浏览器解析能力,能识别大多数命名实体与数字实体。
  • 压缩会去掉标签之间的换行与多余空格,但不会动标签内的文本内容间距。
  • 处理大段 HTML 时压缩效果明显,通常能省下 20% 以上体积。

更新记录

  • v1.0 2026-08-31 首次上线:实体转义 / 反转义 / 压缩空白三种操作自由组合,字符数与行数统计,处理历史本地保存。

常见问题

转义和反转义有什么区别?
转义把特殊字符变成实体(< → &lt;),用于安全地展示代码;反转义反向操作,把实体还原成字符(&lt; → <),用于阅读或二次处理。
转义能防住 XSS 吗?
转义会处理 & < > " ' 五个字符,这是最常见的防御手段,能覆盖绝大多数文本注入场景。但安全防护还需结合后端校验、CSP 等措施,转义不是万能的。
「压缩空白」会破坏页面结构吗?
不会。压缩只去掉标签之间的换行与连续空白,并收拢 > < 之间的空隙,不改变标签与文本内容。但如果文本内依赖多个连续空格显示效果,压缩后可能变化。
三种操作可以一起用吗?
可以,支持任意组合。执行顺序固定为:先反转义,再转义,最后压缩空白,状态条会明确提示实际执行了哪些步骤。
数据会上传吗?
不会。转义、反转义与压缩全部在浏览器本地完成,无任何网络请求,数据不离开本机。
历史记录保存在哪里?
保存在你浏览器的 localStorage 中,仅本机可见,最多最近 20 条。运行环境无痕模式或清理浏览器数据后会清空。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码