Beautify : 모든 태그 또는 특정 태그에 대해 줄 바꿈 적용

Question

i, span 또는 img와 같은 모든 특정 태그에 대해 줄 바꿈을 만들 수있는 옵션이 있습니까? 다음 HTML 입력을 감안할 때

:

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

: 이미 extra_liners의 다른 설정을 tryed

<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> 

그리고 내가하고 싶은 결과이다 원하는 성공없이.

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을 제거해야 할 것입니다.