美化：为每个或特定标签强制换行

【问题标题】：Beautify: Force line-break for every or specific tags美化：为每个或特定标签强制换行
【发布时间】：2017-02-25 11:54:23
【问题描述】：

是否可以为所有或特定标签（如 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"]

没有预期的成功。

【问题讨论】：

标签： html js-beautify

【解决方案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。

【讨论】：