HTML Formatter
Beautify your HTML code with proper indentation and formatting for better readability.
What is the HTML Formatter?
The HTML formatter takes minified or hand-tangled markup and re-indents it into a clean tree so nesting and structure are easy to follow. It runs your HTML through BeautifulSoup's parser and prettifier, which fixes up the indentation while keeping your tags and content intact.
Paste a chunk of template output, a scraped page or a copied snippet and get back readable, properly nested HTML you can scan or hand to a teammate.
How to use the HTML formatter
- 1. Type or paste your HTML into the Input HTML field.
- 2. Click Format HTML (or press Ctrl+Enter).
- 3. The indented markup appears on the right - Copy it, load a Sample, or Clear to start over.
Features
- Re-indents HTML into a clean, nested layout.
- Parses with BeautifulSoup, so broken nesting is tidied up.
- Handles full documents or fragments.
- Sample, Copy and Clear buttons plus a Ctrl+Enter shortcut.
- Free to use, no account needed.
Common uses
Reading minified HTML from a build step, untangling markup copied out of a CMS, making a scraped page legible, or reformatting a snippet before pasting it into a template. It is a quick way to see structure without opening developer tools.
It also normalises inconsistent indentation from different editors and build steps, so a file that several people have touched comes back reading as one consistent style. The text inside your tags is left exactly as written; only the whitespace between elements is reflowed.
FAQ
Does it change my HTML's meaning?
No. It only re-indents and tidies the markup. The tags, attributes and text content stay the same; the parser may close obviously broken nesting.
What parser does it use?
BeautifulSoup's html.parser, which is forgiving of imperfect markup and produces consistent, indented output.
Can it format a full HTML document?
Yes. It handles complete documents with a doctype, head and body, as well as small fragments and single elements.
Is my HTML uploaded?
Formatting runs on our server, so the HTML is sent there to be parsed and is not stored. Avoid pasting anything you need to keep private.