Question

我正在构建一个基于Javascript的UI，可以根据UI生成代码。我让代码生成工作。代码保存在字符串中。我尝试格式化它，缩进它，但我不知道怎么了。有没有办法把代码格式化？

例如，如果我有这个字符串：

"<body><div><h1>Hi</h1></div></body>"

像这样输出：

<body>
  <div>
    <h1>
      Hi
    </h1>
  </div>
</body>

现在我输出的是这样的：

$(".output").text(string);

Answer 1

看一下html中的代码标签。显示由代码标记包装的字符串

<code>your string</code>

如果您尝试获取格式化输出，请查看模板文字

Answer 2

.text（）用于更改任何标记的文本。

$(".output").text(string);

.html（）用于添加带标记的字符串。

$(".output").html(string);

Answer 3

如果要显示正确缩进和着色的代码，可以使用库来执行此操作，例如highlighjs。

我不确定它是否会自动缩进，但算法并不那么难：只需在打开新的html标签时添加换行符和足够的空格（递归会使这更容易）。

此外，您可以使用js-beautify。