Skip to main content
Noble Desktop/1 min read

Hide HTML Attributes in Sublime Text

Hide HTML Attributes

Use Word Wrap Column

Setting word wrap visually de-emphasizes long attribute lists.

Code Folding

Click the arrow in the gutter to collapse long attribute groups.

View → Hide Minimap

Removes the minimap so attribute-heavy code feels less crowded.

Distraction Free Mode

Shift-F11 — focus on content without UI noise.

Master Web Development at Noble Desktop

Noble Desktop's Full-Stack Web Development Certificate covers HTML, CSS, JavaScript, and the modern web stack.

This tip is really useful for building HTML emails because HTML emails can become very cluttered with inline CSS.

To fold all HTML attributes in Sublime Text, hit Cmd–K then Cmd–T in quick succession (Mac) or Ctrl–K then Ctrl–T in quick succession (Windows). To unfold, hit Cmd–K and Cmd–0(Mac) or Ctrl–K and Ctrl–0 (Windows). 

Ct fold code attributes

Learn more Sublime Text Coding Tips. These coding tips are covered in our hands-on coding classes and bootcamps in NYC.