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

时间:2015-05-26 21:25:15

标签: javascript jquery html markup

是否有一种简单的方法可以将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保存新行+制表符吗?

2 个答案:

答案 0 :(得分:3)

您要复制的编辑器似乎是为新行和标签插入特殊字符。

您可以随时使用像这样的缩小器: http://www.willpeavy.com/minifier/

答案 1 :(得分:0)

您需要将文本转换为JSON。换行符,引号,特殊字符等都将为您转义。

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

例如,在C#和ASP.NET MVC中:

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

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

var someText = @Html.Raw(json);