HTML Formatter

Minified HTML is a single line thousands of characters long, and HTML produced by a template engine or a CMS is often worse — indented, but by nothing consistent. Either way, working out what is nested inside what means counting tags by hand.

This reindents it properly, using the same formatter that runs in most editors, so the result matches what your colleagues' tools would produce rather than being one more style to argue about.

The important subtlety is inline elements. Whitespace is significant inside a paragraph: putting a link on its own line inserts a space that was not there before, and can visibly change the rendered text. The formatter knows which elements are inline and will not break a line where doing so would change what the page looks like. That is the difference between a formatter and a naive indenter.

A fragment works as well as a complete document, so you can paste the one block you are working on rather than the whole page. Attributes are wrapped when a tag is long, which is what makes a complex element readable.

The parser runs in your browser and is downloaded only when you press the button, so nothing is uploaded and a visitor who reads the page and leaves downloads none of it.