New in 10.5: Highlighting of HTML tag tree
April 20th, 2011 by Eugene KudelevskyRecently we’ve added a new code highlighting feature that should make it easier to work with big and complex HTML files, with deep nested tags structure:

Please note that highlighting is only activated when there is more than one tag with the same name in the hierarchy.
By default, only 6 parent tags are highlighted with 6 different colors. You can change the depth to highlight or completely disable the feature in Settings | Editor | Appearance | Enable HTML tag tree highlighting.
Also you can tweak the colors in Settings | Colors & Fonts | HTML.
This feature is very new and we want your opinions. You are welcome to try it in the latest IntelliJ IDEA 10.5 EAP build and let us know what you think.

April 20th, 2011 at 11:51 am
Error in path to settings: not “Settings | Appearance | Enable HTML tag tree highlighting” but “Settings | Editor | Appearance | Enable HTML tag tree highlighting”.
April 20th, 2011 at 12:23 pm
Thanks Dziman! Fixed.
April 20th, 2011 at 2:12 pm
Super…
April 22nd, 2011 at 7:25 am
It would be nice to have the class & id names from CSS files inferred from (Django) templates so that you can control-click on a class or id name and the CSS file it is defined in would open at the right position…
April 22nd, 2011 at 12:10 pm
It’s the seemingly “small” things like this that are actually “big” features and productivity enhancers. They are what make IntelliJ IDEA a superior IDE and more pleasurable to use than the competition.
April 26th, 2011 at 4:43 am
Brilliant! Leave it on by default.
April 28th, 2011 at 5:32 am
Is there any way to make this work for .gsp files as well?
May 23rd, 2011 at 4:48 pm
This is awesome!