HTML 转 JS

编程工具HTMLJavaScript

本地运行,数据不上传服务器

处理结果0 字符

使用说明

在 JS 里拼接多行 HTML 模板时,手写字符串转义很容易出错,换行、单引号、反斜杠一个没处理就报语法错误;前端做测试夹具时,需要把一段 HTML 片段包成 JS 变量;生成错误提示、邮件模板或富文本内容时,也要把 HTML 放进代码。手工转义费时又容易漏。 这个工具把 HTML 或普通文本转成单引号 JavaScript 字符串声明,类似 `const html = '...';`。反斜杠、单引号、换行、Tab、Unicode 行分隔符都会自动处理,原始空白和内容保持不变。 适合前端开发、写测试代码、做代码生成器的人。

核心功能

  • ✓把 HTML 或文本转成单引号 JavaScript 字符串
  • ✓自动转义反斜杠、单引号和换行
  • ✓处理 Tab、U+2028、U+2029 等易错字符
  • ✓保留原始空白和内容,不压缩 HTML
  • ✓输出格式为 `const html = '...';`
  • ✓适合模板拼接、测试夹具、代码生成
  • ✓在浏览器本地处理,不上传内容

使用教程

把多行 HTML 模板放进 JS:复制 HTML 片段,转义后直接得到 `const html = '...';`,粘贴到代码里即用。 生成测试夹具:测试需要一段 HTML 字符串时,用这个工具转义,避免手写时漏掉引号。 处理含引号的 HTML:HTML 属性里用双引号很常见,转义后不需要手动挑单引号还是双引号。 处理含换行的内容:邮件模板、错误提示里常有换行,转义后保持原样输出,不会破坏 JS 语法。 准备代码生成器的输入:需要把 HTML 嵌到生成的 JS 代码里时,先用它转义再拼接。

常见问题

Q:能生成模板字符串吗?

A:当前只生成单引号字符串,不生成反引号模板字符串。

Q:变量名可以自定义吗?

A:页面固定为 `html`,如需其他变量名请在生成后手动修改。

Q:会压缩 HTML 吗?

A:不会,只做字符串转义,原始空白和结构保持不变。

Q:支持生成 Base64 或数组拼接吗?

A:不支持,只输出单引号字符串。

Q:Emoji 和非 ASCII 字符会怎样处理?

A:保留原样,JavaScript 字符串支持 Unicode,直接以字符形式输出。

Q:U+2028 和 U+2029 是什么?

A:它们是 Unicode 行分隔符,在 JS 字符串中会引发语法错误,工具会自动转义处理。

Q:数据会上传服务器吗?

A:不会,转义在浏览器本地完成。