HTML to HAML Converter

You inherited a Rails view full of angle brackets and the team writes HAML now. Converting by hand is dull work, and dull work is exactly where the indentation slips and quietly reparents half the markup. Paste the HTML into the top box and the indented version shows up below, with %tag lines, attributes in braces and no closing tags to keep track of.

Conversion runs through a small hand-written parser built on regular expressions, with no DOM involved. It knows the void elements (img, br, input, meta and friends) and never opens a block for them, turns HTML comments into slash lines, and applies the div shorthand, so a div carrying a class collapses to .card. Attributes become a hash: a link with href comes out as %a{href: "/x"} link.

It expects well-formed markup. Unclosed tags, the contents of script or style, and CDATA blocks sit outside what the parser handles. Text nodes are trimmed, so a paragraph with bold text in the middle becomes three lines and loses the space between words; stitch those back by hand. Boolean attributes such as required arrive with an empty string value, and the doctype passes through as literal text, so swap it for !!!. It converts in your browser.