HTML ํฌ๋งทํฐ๋ ์ฃผ์์ด ์ฒซ ๋ฒ์งธ ๋ฌธ์๋ก ๊ณต๋ฐฑ์ ํฌํจํ์ง ์์ ๋ ์ฃผ์์ ์ ์ค๋ก ๋ณด๋ ๋๋ค. HTML ์ฃผ์์ด ๊ณต๋ฐฑ ๋ฌธ์๋ก ์์ํ๋ฉด ์ ๋๋ก ์๋ํฉ๋๋ค. ๋ฌธ์ ๊ฐ ์ฌ๊ธฐ ์๋ค๊ณ ๋ฏฟ์ต๋๋ค : https://github.com/beautify-web/js-beautify/blob/master/js/src/html/beautifier.js#L698
๊ด๋ จ ๋ฌธ์ : # 1337 # 426
์ฝ๋๋ ๋ฏธํ ์ ์ ๋ค์๊ณผ ๊ฐ์ด ๋ณด์์ต๋๋ค.
<!--start button--><button>Click here</button><!--end button-->
์ฝ๋๋ ๋ฏธํ ํ ๋ค์๊ณผ ๊ฐ์์ผํฉ๋๋ค.
<!--start button--><button>Click here</button><!--end button-->
์ฝ๋๋ ์ค์ ๋ก ๋ฏธํ ํ ๋ค์๊ณผ ๊ฐ์ด ๋ณด์ ๋๋ค.
<!--start button--><button>Click here</button>
<!--end button-->
์ด ๊ธฐ๋ฅ์ ์ฌ๋ฐ๋ฅด๊ฒ ์ฌ์ฉํ๋ ค๋ฉด ๋ ๋ฒ์งธ ์ฃผ์์ ์์ ๋ถ๋ถ์ ๊ณต๋ฐฑ์ ์ถ๊ฐํ์ญ์์ค.
์ฝ๋๋ ๋ฏธํ ์ ์ ๋ค์๊ณผ ๊ฐ์ด ๋ณด์์ต๋๋ค.
<!--start button--><button>Click here</button><!-- end button-->
์ฝ๋๋ ์ค์ ๋ก ๋ฏธํ ํ ๋ค์๊ณผ ๊ฐ์ด ๋ณด์ ๋๋ค.
<!--start button--><button>Click here</button><!-- end button-->
๋๋ beautifier.io์์ ์ด๊ฒ์ ํ ์คํธํ์ต๋๋ค.
{
"indent_size": "2",
"indent_char": " ",
"max_preserve_newlines": "-1",
"preserve_newlines": false,
"keep_array_indentation": false,
"break_chained_methods": false,
"indent_scripts": "normal",
"brace_style": "collapse",
"space_before_conditional": false,
"unescape_strings": false,
"jslint_happy": false,
"end_with_newline": false,
"wrap_line_length": "0",
"indent_inner_html": true,
"comma_first": false,
"e4x": false,
"indent_empty_lines": false
}
์ด๊ฒ์ # 1301๊ณผ ๋น์ทํด ๋ณด์ด์ง๋ง ๋์ผํ์ง ์์ต๋๋ค.
์ด ๋ฌธ์ ๋ ๋ค์๊ณผ ๊ฐ์ ๊ฒฝ์ฐ ๋์ฑ ๋ถ๋ช ํด์ง๋๋ค.
<span><!--start button--><button>Click here</button><!--end button--></span>
๋ค์์ผ๋ก ๋ฐ๋๋๋ค.
<span>
<!--start button--><button>Click here</button>
<!--end button-->
</span>
์ด๋ ๊ฒํ๋ฉด <span>
์์ <button>
๊ณต๋ฐฑ๊ณผ <button>
๋ด๋ถ์ ๊ณต๋ฐฑ์ด ์ถ๊ฐ๋ฉ๋๋ค. :ํ๋๋:
@avigoldman @ aashigupta19์์ ์์ ํ๊ณ ์ถ์ต๋๋ค.
@cfya
์ ๋ฐ!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@avigoldman @ aashigupta19์์ ์์ ํ๊ณ ์ถ์ต๋๋ค.