New in 10.5: Highlighting of HTML tag tree

Posted on by eugene.kudelevsky

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. 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. Eugene Toporov says:

    April 20, 2011

    Thanks Dziman! Fixed.

  3. aykut caliskan says:

    April 20, 2011

    Super…

  4. 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. 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. Fredrik says:

    April 26, 2011

    Brilliant! Leave it on by default.

  7. Martin says:

    April 28, 2011

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

  8. VASMAN says:

    May 23, 2011

    This is awesome!

  9. chavan says:

    April 5, 2017

    Html code for hospital management and the other day

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

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

Subscribe

Subscribe for updates