Home/IntelliJ IDEA/New in 10.5: Highlighting of HTML tag tree

New in 10.5: Highlighting of HTML tag tree

eugene.kudelevsky April 20, 2011

Recently 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.

#editor #html #Xena

Comments below can no longer be edited.

11 Responses to New in 10.5: Highlighting of HTML tag tree

Dziman says:
April 20, 2011
Error in path to settings: not “Settings | Appearance | Enable HTML tag tree highlighting” but “Settings | Editor | Appearance | Enable HTML tag tree highlighting”.
Eugene Toporov says:
April 20, 2011
Thanks Dziman! Fixed.
aykut caliskan says:
April 20, 2011
Super…
Yury V. Zaytsev says:
April 22, 2011
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…
Mark says:
April 22, 2011
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.
Fredrik says:
April 26, 2011
Brilliant! Leave it on by default.
Martin says:
April 28, 2011
Is there any way to make this work for .gsp files as well?
VASMAN says:
May 23, 2011
This is awesome!
chavan says:
April 5, 2017
Html code for hospital management and the other day
Richa Sharma says:
April 27, 2017
Hello,
Where is the option to deselect this html tag color selection. I did it by mistake and dont know how to undo it.
Please let me know.

Thanks
Richa Sharma
Brad says:
May 7, 2018
Would be nice to toggle on/off with keyboard shortcut as i find it distracting most of the time, but when you do need it, its very nice.