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

Question

在 VS Code 中，我广泛使用 Beautify。但令我不安的是，关闭标签总是与“ float ”文本或自关闭标签换行在同一行。例如，在美化之前:

<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 总是受欢迎的。