美化:每个或特定标签的强制线路断路

Question

是否有一个选项可以为i，span或img（例如i，span或img）创建一个或特定标签的线路断开？

给定以下HTML输入：

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

这是我想要的结果：

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

我已经尝试了Extra_liners的不同设置：

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

没有预期的成功。

Answer 1

我没有自己尝试过，因为任务是巨大的，但是如果您使用vscode，我认为这是这样：settings.md。

unformatted：不应重新格式的标签列表。

默认值：

["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"]

您必须从此默认列表中删除img，i，span和button。