How do I tidy up an HTML file's indentation in VI?

html vim vi indentation
mmcdole picture mmcdole · May 2, 2009 · Viewed 104.4k times · Source

How do I fix the indentation of his huge html files which was all messed up?

I tried the usual "gg=G command, which is what I use to fix the indentation of code files. However, it didn't seem to work right on HTML files. It simply removed all the formatting.

I also tried setting :filetype = xml, to see if tricking it into thinking this was an XML file would help but it still didn't do it.

Answer

tylerl picture tylerl · Jan 1, 2013

There's several things that all need to be in place. Just to summarize them all in one location:

Set the following option:

:filetype indent on
:set filetype=html           # abbrev -  :set ft=html
:set smartindent             # abbrev -  :set si

Then either move the cursor to the top of the file and indent to the end: gg =G
Or select the desired text to indent and hit = to indent it.

Related questions

How to force vim to syntax-highlight a file as html?

How do I set vim's syntax highlighting to treat a file extension as an html file? I'm using ez template, so the file's extension is .ezt. But a lot of it is normal html code.

Read More
How can one close HTML tags in Vim quickly?

It's been a while since I've had to do any HTML-like code in Vim, but recently I came across this again. Say I'm writing some simple HTML: <html><head><title>This is a title&…

Read More
Correct indentation of HTML and PHP using Vim

I've been using Vim for a while, and I can't get proper HTML indentation working in PHP files. For example, what I want is for each child to be indented one tab more than it's parent, as shown below. <?…

Read More