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.

This entry was posted in New Features and tagged , , . Bookmark the permalink.

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

  1. Dziman says:

    Error in path to settings: not “Settings | Appearance | Enable HTML tag tree highlighting” but “Settings | Editor | Appearance | Enable HTML tag tree highlighting”.

  2. Thanks Dziman! Fixed.

  3. aykut caliskan says:

    Super…

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

    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:

    Brilliant! Leave it on by default.

  7. Martin says:

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

  8. VASMAN says:

    This is awesome!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>