12

在 VS Code 中，我广泛使用 Beautify。但让我感到不安的是，结束标签总是与“浮动”文本或自动结束标签在同一行。例如，在 Beautify 之前：

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png">
</div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some...
</div>

在美化之后：

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png"> </div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some... </div>

是否有设置或其他扩展可以帮助使代码更接近第一个示例中的样子，或者我只是做错了？

大多数时候这并不重要，除了对我来说有点难看，但昨天我看到它实际上给 Wordpress 带来了问题，我不能再使用 Beautify，它有破坏格式的风险。

4

2 回答 2

3

没有选项可以强制结束标签换行。

一种有帮助的设置是preserve_newlines. 如果您将它们放在自己的行上，启用它应该可以防止您的标签被拉回同一行。

js-beautify 1.8.1 版（Beautify for VSCode 的底层库）改进了这方面的行为，但仍然没有强制结束标签换行的选项。

围绕这个问题已经提交了几个问题，包括#1468和#1413。公关总是受欢迎的。

于 2018-08-28T20:05:40.470 回答
-3

我不知道。如果你想获得与代码顶部相似的结果，你可以使用 Glitch.Com，它是由制作 stackoverflow 的人制作的。Glitch 托管您的网站 (website.glitch.com) 并有一个不错的编辑器，如果您想恢复到以前的版本，更不用说项目倒带了。您也有浅色和深色主题。它会自动关闭这样的标签

<h1>

</h1>

我认为它与任何其他编辑器相比都是完美的，您也可以拥有多个文件.. 无需下载。自动保存，适合任何开发人员：3

于 2018-08-27T14:11:32.560 回答