README
html-beautifier
Simple zero-config HTML beautifier
Usage
Install globally:
$ npm install -g html-beautifier
$ html-beautifier input.html -o output.html
$ html-beautifier input.html --output output.html
$ html-beautifier input.html # to stdout
Example
Input:
<!doctype html>
<html lang="en-gb">
<head><title>Title</title></head>
<body onload="someFunction();"><div class="wrapper">
<!-- comment -->
<span id="span-id" hello world style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 14pt; color: aquamarine;"><p><b>Omnis voluptatibus ad autem consequatur est provident distinctio. Ut magnam qui ad nemo sed totam et. Ad aut pariatur ut id et. Ab amet animi dolorem. Nemo labore sint possimus alias. Consequatur a nobis ut et deserunt debitis perferendis. Veritatis et fuga cupiditate quia. Sint sequi et aut corporis praesentium amet quaerat ad. Autem sed aliquam quaerat odio quas ea dolores. Mollitia qui nobis vero qui dicta. Enim nostrum sit culpa perferendis. Quia provident qui et laudantium aut. Non quia ut quidem fuga. Architecto quo odio velit possimus. Repudiandae quaerat iste repellat deserunt quia. Eos aut laboriosam alias sunt placeat id dolores. Ducimus vel voluptas sint. Pariatur voluptas expedita saepe consequuntur aut sunt perspiciatis omnis. Et quam quod ut. Optio nihil saepe possimus aliquid molestiae. Facere eos sunt eos rerum. Sequi qui nostrum neque.</b></p></span>
</div><script>function someFunction () { alert("hello"); }</script></body>
</html>
Output:
<!doctype html>
<html lang="en-gb">
<head>
<title>
Title
</title>
</head>
<body onload="someFunction();">
<div class="wrapper">
<span
id="span-id"
hello
world
style="
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
font-size: 14pt;
color: aquamarine;
">
<p>
<b>
Omnis voluptatibus ad autem consequatur est provident distinctio.
Ut magnam qui ad nemo sed totam et. Ad aut pariatur ut id et.
Ab amet animi dolorem. Nemo labore sint possimus alias. Consequatur
a nobis ut et deserunt debitis perferendis. Veritatis et fuga
cupiditate quia. Sint sequi et aut corporis praesentium amet
quaerat ad. Autem sed aliquam quaerat odio quas ea dolores.
Mollitia qui nobis vero qui dicta. Enim nostrum sit culpa perferendis.
Quia provident qui et laudantium aut. Non quia ut quidem fuga.
Architecto quo odio velit possimus. Repudiandae quaerat iste
repellat deserunt quia. Eos aut laboriosam alias sunt placeat
id dolores. Ducimus vel voluptas sint. Pariatur voluptas expedita
saepe consequuntur aut sunt perspiciatis omnis. Et quam quod
ut. Optio nihil saepe possimus aliquid molestiae. Facere eos
sunt eos rerum. Sequi qui nostrum neque.
</b>
</p>
</span>
</div>
<script>
function someFunction () { alert("hello"); }
</script>
</body>
</html>