Verschönern: Erzwingt Zeilenumbrüche für alle oder bestimmte Tags

Question

Gibt es eine Option, um einen Zeilenumbruch für alle oder bestimmte Tags wie i, span oder img zu erstellen?

die folgende HTML-Eingabe Gegeben:

<button><i>span>Copy</span></i></button> 
<div><img src="img1.png" alt="" /></div> 
<div><img src="img2.png" alt="" /></div> 

Und hier ist das Ergebnis, das ich haben möchte:

<button> 
    <i> 
    <span>Copy</span> 
    </i> 
</button> 
<div> 
    <img src="img1.png" alt="" /> 
</div> 
<div> 
    <img src="img2.png" alt="" /> 
</div> 

ich bereits verschiedene Einstellungen von extra_liners tryed:

"extra_liners" : ["img", "i", "span", "button"] 

ohne den gewünschten Erfolg.

Answer 1

Ich habe es nicht selbst versucht, weil die Aufgabe kolossal ist, aber wenn Sie VSCode verwenden, denke ich, dass es so ist: Settings.md.

unformatted: Liste der Tags, die nicht neu formatiert werden sollen.

Standard:

["a", "abbr", "area", "audio", "b", "bdi", "bdo", "br", "button", "canvas", "cite", "code", "data", "datalist", "del", "dfn", "em", "embed", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "map", "mark", "math", "meter", "noscript", "object", "output", "progress", "q", "ruby", "s", "samp", "select", "small", "span", "strong", "sub", "sup", "svg", "template", "textarea", "time", "u", "var", "video", "wbr", "text", "acronym", "address", "big", "dt", "ins", "strike", "tt"] 

Du müss img, i, span und button aus dieser Standardliste zu entfernen.