跳到主要内容
实用工具箱

HTML 与 JS 变量字符串互转Code

将整段 HTML 源码快速转为 JavaScript 变量字符串拼接(+= 模式、ES6 模板字符串模式、数组 Push 模式)及反向还原

工具说明与使用提示

工具说明

支持 += 拼接、数组 push、ES6 模板字符串和 document.writeln 四种输出。输入或切换风格时自动转换,也可点击方向按钮重新生成。两侧结果均可编辑和复制;清空不重置生成风格和变量名。变量名裁掉两端空白,空值使用 html,不校验 JavaScript 标识符。

逐行模式转义反斜线和双引号,模板模式只转义反引号和 ${,沿用参考站规则,不进一步处理已有反斜线。反向只匹配单行 +=、.push(...) 和 document.writeln(...) 的字符串,去掉末尾字面量 \n 后按行组合,并还原双引号、单引号和反斜线转义。模板字符串等未匹配的代码保留已有 HTML,空代码清空 HTML;不解析或执行 JavaScript,也不保证任意代码可逆。

数据与隐私

输入和结果不会放入 URL、日志或浏览器持久化存储,不需要后端接口。