Simple lightweight HTML prettifier
const prettify = require('html-prettify');
const html = `
<section class="wrapper">
<ul>
<li
v-for="(item, i) in list"
:key="i"
>
<SomeVueComponent
size="1.5rem"
v-html="getIcon('tickIcon').html"
/>
<span>{{ item }}</span>
</li>
</ul>
<a
class="some-link"
href="#"
>Link</a>
</section>
`;
console.log(prettify(html));
/*
OUTPUT
'<section class="wrapper">
<ul>
<li v-for="(item, i) in list" :key="i">
<SomeVueComponent size="1.5rem" v-html="getIcon('tickIcon').html"/>
<span>{{ item }}</span>
</li>
</ul>
<a class="some-link" href="#">Link</a>
</section>'
*/
Param |
Type |
Required |
Description |
markup |
string |
yes |
HTML markup to prettify |
options |
Options |
no |
Prettify options |
Property |
Type |
Required |
Default |
Description |
char |
string |
no |
space |
Indentation character |
count |
number |
no |
2 |
Count of character per indentation level |
MIT License