New in 10.5: Highlighting of HTML tag tree

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.

Comments below can no longer be edited.

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

  1. Avatar

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

  2. Avatar

    Eugene Toporov says:

    April 20, 2011

    Thanks Dziman! Fixed.

  3. Avatar

    aykut caliskan says:

    April 20, 2011


  4. Avatar

    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…

  5. Avatar

    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.

  6. Avatar

    Fredrik says:

    April 26, 2011

    Brilliant! Leave it on by default.

  7. Avatar

    Martin says:

    April 28, 2011

    Is there any way to make this work for .gsp files as well?

  8. Avatar

    VASMAN says:

    May 23, 2011

    This is awesome!

  9. Avatar

    chavan says:

    April 5, 2017

    Html code for hospital management and the other day

  10. Avatar

    Richa Sharma says:

    April 27, 2017

    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.

    Richa Sharma

  11. Avatar

    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.

Discover more