乐宁工具

HTML转JS工具

免费使用 本地处理 即时转换

在线HTML转JavaScript字符串工具。支持单引号、双引号、反引号(模板字符串)三种输出格式,自动处理引号转义和换行,方便在JS代码中嵌入HTML片段。

使用说明

  • • 在左侧粘贴 HTML 代码,选择输出格式(双引号/单引号/模板字符串/数组join)
  • • 双引号模式:自动转义 " 为 \",适合用双引号包裹的场景
  • • 单引号模式:自动转义 ' 为 \',适合用单引号包裹的场景
  • • 模板字符串:使用反引号,支持多行,最推荐用于现代 JS
  • • 勾选「压缩HTML」可去除多余空格换行,减小字符串体积
  • • 所有转换均在浏览器本地完成,代码不会上传服务器

工具介绍

  • • 常用于前端模板拼接、innerHTML 动态注入、组件字符串化
  • • 模板字符串模式天然支持多行,无需 \n 拼接
  • • 数组 join 模式兼容性好(IE8+),适合老项目
  • • 自动转义 \、\n、\r、\t 等特殊字符
  • • 与构建工具链(Webpack/Vite)配合,适合组件化开发
  • • 不依赖任何第三方库,纯原生 JS 实现,零依赖