Question

在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，否则可能会破坏格式

Answer 1

无法选择强制将结束标记插入新行。

一种有用的设置是preserve_newlines。启用该选项后，如果您将标签放在自己的行上，就可以避免将其拉回到同一行。

js-beautify的1.8.1版（Beautify for VSCode的基础库）改善了该区域的行为，但仍然没有选择强制将换行符强制换成新行。

围绕此问题已提出了多个问题，包括#1468和#1413。随时欢迎PR。

Answer 2

我对此一无所知。如果您希望获得与最高代码类似的结果，则可以使用Glitch.Com，该工具由stackoverflow的人员制作。 Glitch托管您的网站（website.glitch.com），并拥有一个不错的编辑器，更不用说项目倒带了，如果您想还原到以前的版本。您也拥有浅色和深色主题。 >

<h1>

</h1>

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

如何强制在新行上关闭HTML标签？

2 个答案: