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

LeK*_*oid 7 html js-beautify visual-studio-code

在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>
Run Code Online (Sandbox Code Playgroud)

在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>
Run Code Online (Sandbox Code Playgroud)

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

在大多数时候,这并不重要,除了让我感到有点丑陋外,但是昨天我看到它实际上在Wordpress中造成了问题,我只是不能再使用Beautify,否则就有可能破坏格式。

小智 -4

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

<h1>

</h1>
Run Code Online (Sandbox Code Playgroud)

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