html-beautifierdeprecated

simple zero-config html beautifier

Usage no npm install needed!

<script type="module">
  import htmlBeautifier from 'https://cdn.skypack.dev/html-beautifier';
</script>

README

html-beautifier

Greenkeeper badge NPM version Build status License Code style

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>