开发辅助

代码转义工具

处理 HTML 实体转义、HTML 反转义和 JS / JSON 字符串转义，适合前端开发、模板调试和代码展示。

多模式处理

支持 HTML 和字符串场景的常见转义处理，适合文档展示、模板拼接、配置生成和调试示例整理。

待处理内容适合前端模板、富文本片段、代码示例和接口调试字符串处理。

处理结果

&lt;button data-name=&quot;主按钮&quot;&gt;立即开始&lt;/button&gt;

附加参考

<pre>&lt;button data-name=&quot;主按钮&quot;&gt;立即开始&lt;/button&gt;</pre>

代码转义工具常见于文档展示、富文本模板、安全输出和代码生成。

先判断你的内容最终会落到 HTML、JavaScript 还是 JSON 里，再选对应模式，避免上下文错配。

同一段字符放进 HTML、JS、JSON 时，对应的安全写法并不相同，直接复制最容易出错。

示例覆盖 HTML 实体转义和 JS / JSON 字符串处理，适合页面片段展示、代码示例整理和参数封装。

适合把标签代码安全展示在文档、教程和后台配置里。

输入

处理模式

html-escape

原始内容

<button data-name="主按钮">立即开始</button>

输出

处理结果

&lt;button data-name=&quot;主按钮&quot;&gt;立即开始&lt;/button&gt;

附加参考

<pre>&lt;button data-name=&quot;主按钮&quot;&gt;立即开始&lt;/button&gt;</pre>

适合把多行文本放进 JavaScript 变量或测试脚本。

输入

处理模式

js-string

原始内容

const title = "色码工坊";
return title;

输出

处理结果

const title = \"色码工坊\";\nreturn title;

附加参考

const value = "const title = \"色码工坊\";\nreturn title;";