文本转义工具箱

文本转义工具箱（Escape Toolbox）

HTML 实体、JavaScript 字符串、Unicode 码点三合一的文本双向转义网页工具。纯 HTML/CSS/JavaScript 单文件实现，零依赖、零后端，所有转换在浏览器本地完成，数据不出本机。

功能特性

• HTML 实体

• 转义：& ` " ' 五个危险字符转为 & < > " '`

• 反转义：支持全部命名实体，以及十进制 中、十六进制 中 数字实体

• JavaScript 字符串

• 转义：反斜杠、换行、回车、制表符、单双引号转为 \\ \n \r \t \" \'

• 可选：把中文、emoji 等非 ASCII 字符转为 \uXXXX（emoji 自动输出代理对两个码元）

• 反转义：解析 \n \t \r \b \f \v \\ \" \' \xXX \uXXXX

• Unicode 码点

• 编码：逐 UTF-16 码元输出 \uXXXX（emoji 为代理对）

• 解码：支持 \uXXXX 与 \u{1F600} 花括号两种写法

• 实时与易用：输入即实时输出六种结果（三类转义 + 三类反转义），每栏一键复制，含字符数与码元数统计

工作原理

输入文本
  ├─ HTML：正则替换五危险字符；反转义借 textarea.innerHTML 交给浏览器解析全部实体
  ├─ JS：先转义控制字符与引号，可选把非 ASCII 逐码元转 \uXXXX；
  │      反转义用 /\(x..|u....|.)/ 逐段匹配还原
  └─ Unicode：逐 charCodeAt 输出 \uXXXX；解码合成代理对，支持 \u{...}

JS 转义中的非 ASCII 替换按 UTF-16 码元进行，因此 emoji 会稳定输出为 \uD83D\uDE00 形式。

使用场景

• 前端安全：拼接 HTML 前对用户输入做实体转义，防止 XSS

• 代码生成：把多行文本、含引号字符串转成可直接嵌入 JS / JSON 的转义形式

• 接口调试：还原日志或报文里的 \uXXXX、\xXX 转义序列，查看真实字符

• 编码研究：观察 emoji、中文字符的 Unicode 码点与代理对结构

快速开始

无需安装与构建，直接用浏览器打开 index.html 即可使用，或在任意静态服务器下访问：

python3 -m http.server 8026
# 访问 http://localhost:8026/index.html

技术栈

• HTML5 + CSS3 + 原生 JavaScript（零第三方依赖）

• HTML 反转义：textarea.innerHTML 原生解析

• JS 转义/反转义：正则替换 + 转义序列表

• 剪贴板：navigator.clipboard.writeText