如何强制关闭新行上的HTML标记？

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>

在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>

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

在大多数情况下这并不重要，除了对我的品味有点难看，但昨天我看到它实际上产生了Wordpress的问题，我不能再使用Beautify了，它有可能打破格式化。

Answer 1

没有选项强制结束标记到新行。

一个有用的设置是preserve_newlines 。 启用该功能可以防止标签在自己的线路上被拉回到相同的线路。

js-beautify的版本1.8.1（用于VSCode的Beautify库）改进了该区域的行为，但仍然没有强制结束标记到新行的选项。

围绕此提出了几个问题，包括＃1468和＃1413 。 PR总是受欢迎的。

Answer 2

我不知道。 如果你想要与代码的最高位相似的结果你可以使用Glitch.Com，由制作stackoverflow的人制作。 Glitch托管你的网站（website.glitch.com），并有一个很好的编辑器，如果你想恢复到以前的版本，更不用说项目倒带..你也有光明和黑暗的主题..它会自动关闭像这样的标签

<h1>

</h1>

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