STRING ESCAPE STUDIO

把字符串,
放进正确语境。

HTML、JavaScript、JSON、URL、CSS、Regex、Unicode、Base64、CSV、SQL 常用转义与反转义。实时处理,本地完成,适合调试复制、模板拼接和数据清洗。

18 OPERATIONS9 CATEGORIESLIVE TRANSFORMLOCAL ONLY
WORKBENCH

HTML 转义

INPUT114 字符
ACTIVE OUTPUTREADY
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh
把 &, <, >, 引号转成 HTML entity,适合展示用户输入。
ALL RESULTS

同一段文本,
多种语境。

下方会同时显示所有转换结果。点击任意结果卡片可设为主输出,适合快速比较 HTML、JS、URL、Regex 等不同转义规则。

REPORT

输入、输出,
一起保存。

ESCAPE PROFILELOCAL TRANSFORM
BitLeap String Escape Studio

当前操作:HTML 转义
分类:HTML
说明:把 &, <, >, 引号转成 HTML entity,适合展示用户输入。

输入:
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh

输出:
&lt;div class=&quot;card&quot;&gt;hello &quot;world&quot; &amp; 你好&lt;/div&gt;
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&amp;lang=zh


全部结果:
# HTML 转义
&lt;div class=&quot;card&quot;&gt;hello &quot;world&quot; &amp; 你好&lt;/div&gt;
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&amp;lang=zh

# HTML 反转义
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh

# JS 字符串转义
<div class=\"card\">hello \"world\" & 你好</div>\npath: C:Usersdemo\file.txt\nurl: https://bitleap.dev/search?q=a b&lang=zh

# JS 字符串反转义
ERROR: JS 字符串反转义失败:请检查反斜杠、引号或 Unicode 转义序列。

# JSON 字符串化
"<div class=\"card\">hello \"world\" & 你好</div>\npath: C:Usersdemo\file.txt\nurl: https://bitleap.dev/search?q=a b&lang=zh"

# JSON 字符串解析
ERROR: JSON string 解析失败:请输入完整 JSON 字符串,例如 "hello"。

# URL 编码
%3Cdiv%20class=%22card%22%3Ehello%20%22world%22%20&%20%E4%BD%A0%E5%A5%BD%3C/div%3E%0Apath:%20C:Usersdemo%0Cile.txt%0Aurl:%20https://bitleap.dev/search?q=a%20b&lang=zh

# URL 解码
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh

# URL 参数编码
%3Cdiv%20class%3D%22card%22%3Ehello%20%22world%22%20%26%20%E4%BD%A0%E5%A5%BD%3C%2Fdiv%3E%0Apath%3A%20C%3AUsersdemo%0Cile.txt%0Aurl%3A%20https%3A%2F%2Fbitleap.dev%2Fsearch%3Fq%3Da%20b%26lang%3Dzh

# URL 参数解码
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh

# CSS 字符串转义
<div class=\"card\">hello \"world\" & 你好</div>\A path: C:Usersdemo\C ile.txt\A url: https://bitleap.dev/search?q=a b&lang=zh

# 正则特殊字符转义
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile\.txt
url: https://bitleap\.dev/search\?q=a b&lang=zh

# Unicode 转义
<div class="card">hello "world" & \u4F60\u597D</div>\u000Apath: C:Usersdemo\u000Cile.txt\u000Aurl: https://bitleap.dev/search?q=a b&lang=zh

# Unicode 反转义
<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh

# Base64 编码
PGRpdiBjbGFzcz0iY2FyZCI+aGVsbG8gIndvcmxkIiAmIOS9oOWlvTwvZGl2PgpwYXRoOiBDOlVzZXJzZGVtbwxpbGUudHh0CnVybDogaHR0cHM6Ly9iaXRsZWFwLmRldi9zZWFyY2g/cT1hIGImbGFuZz16aA==

# Base64 解码
ERROR: Base64 解码失败:请输入合法的 Base64 字符串。

# CSV 单元格转义
"<div class=""card"">hello ""world"" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh"

# SQL 字符串转义
'<div class="card">hello "world" & 你好</div>
path: C:Usersdemoile.txt
url: https://bitleap.dev/search?q=a b&lang=zh'
HTML ORDER

HTML 转义会先处理 &,反转义会支持命名实体和数字实体,避免 &lt; 这类嵌套内容被错误提前还原。

CONTEXT MATTERS

HTML、JS、URL、CSS、Regex 的“安全字符”并不相同。复制前先确认字符串最终会放进哪个语境。

SQL NOTE

SQL 字符串转义只适合展示普通字面量。真实数据库写入请优先使用参数化查询,不要拼接用户输入。

BitLeap · 本地计算 · 隐私优先