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

by

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.

More Related Contents:

  1. How do I reformat HTML code using Sublime Text 2?
  2. Indent multiple lines quickly in vi
  3. Tab key == 4 spaces and auto-indent after curly braces in Vim
  4. How to indent multiple levels of select optgroup with CSS?
  5. Correct indentation of HTML and PHP using Vim
  6. How to preserve whitespace indentation of text enclosed in HTML tags excluding the current indentation level of the tag in the document?
  7. How do I fix the indentation of an entire file in Vi?
  8. CSS Not Being Responsive
  9. When to use IMG vs. CSS background-image?
  10. Two submit buttons in one form
  11. maxlength ignored for input type=”number” in Chrome
  12. How to strip HTML tags from a string in SQL Server?
  13. How do I make an editable DIV look like a text field?
  14. How to display PDF file in HTML?
  15. Style input element to fill remaining width of its container
  16. ‘position: sticky’ not working when ‘height’ is defined
  17. Wrap text in tag
  18. Flexbox column-reverse in Firefox, Edge and IE
  19. Make row stretch across all columns in CSS Grid
  20. Why does a filter gradient on a pseudo element not work in IE8?
  21. HTML5 Video / End of a Video Poster
  22. How do I remove the top margin in a web page?
  23. Why is “&reg” being rendered as “®” without the bounding semicolon
  24. Which DOM elements can be child of tr?
  25. How to pass parameters to css classes
  26. HTML5 microdata: span content?
  27. Is it possible to hide the title from a link with CSS?
  28. Does JSON-LD have to be embedded?
  29. How put percentage width into html canvas (no css)
  30. display: flex not working on Internet Explorer [duplicate]

Leave a Comment