如何強制關閉新行上的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