如何将 html 转换为 javascript 字符串标记

Question

有没有一种简单的方法可以将 HTML 转换为我可以在 Javascript 代码中使用的字符串，以便在代码编辑器中插入一段 html？

示例HTML：

<html>
    <head>
         <title>Hello World</title>
    </head>
    <body>
        <h1>Title</h1>
            <h2>Subtitle</h2>
                <p>Some text goes here</p>
    </body>
 </html>

变成这样：

<html>\n\n\t<head>\n\t\t <title>Hello World</title>\n \t</head>\n\n \t<body>\n \t\t<h1>Title</h1>\n \t\t\t<h2>Subtitle</h2>\n \t\t\t\t<p>Some text goes here</p>\n \t</body>\n\n </html>\n

但是我该如何自动化这个过程，因为较大的 HTML 文件很难像这样手动转换。有没有简单的转换器可用？

所以本质上：我可以将 HTML 代码转换为单行，其中新行 + 制表符用 \n 和 \t 保留吗？

Answer 1

您从中进行复制的编辑器似乎正在为新行和制表符插入特殊字符。

你总是可以使用像这样的缩小器： http://www.willpeavy.com/minifier/

Answer 2

您只需将文本转换为 JSON。换行符、引号、特殊字符等，统统帮你转义

使用您熟悉的任何语言和环境 - 几乎任何语言都会有一个 JSON 序列化器。

例如，在 C# 和 ASP.NET MVC 中：

string html = File.ReadAllText(@"C:\myfile.html");
string json = JsonConvert.SerializeObject(html);

变量 json 现在可以安全地注入网页，它将包含必要的引号和特殊转义字符：

var someText = @Html.Raw(json);

如何将 html 转换为 javascript 字符串标记

How to convert html to javascript string markup

html

javascript

markup

jquery