How do I reformat HTML code using Sublime Text 2?

Question

I've got some poorly-formatted HTML code that I'd like to reformat. Is there a command that will automatically reformat HTML code in Sublime Text 2 so it looks better and is easier to read?

Answer 1

There are several ways to accomplish this with Sublime or online "HTML beautifiers". Firstly, while using Sublime Text 2 or 3: highlight the text you want to format, or select all text with 'ctrl + a'. Navigate to the drop down menu

Edit -- Line -- Indent or 'ctrl + ]' to add indentation to all selected text

Edit -- Line -- Unindent or 'ctrl + [' to remove indentation from all selected text

Edit -- Line -- Reindent to revert indentation to its original state before edit

Indent and Unindent will add or remove one indentation at a time. This is useful to remove indentation.

To reformat the entire HTML document with indentation, aligned closing tags, and remove white space: Use an online "HTML beautifier"