Highlight Tag & Contents

[dshastry]

Great feature I noticed in Brackets recently that I think could work great in MJML is tag highlighting. I know we currently have a tag open/collapse function, but sometimes I have a tag open and I'm editing contents, and it would be nice to see where the tag ends. Especially useful when nesting multiple divs

[meriadec]

Yep, seems to be trivial to implement with CodeMirror's Tag Matcher https://codemirror.net/demo/matchtags.html

[dshastry]

Awesome! Yeah I find myself hunting when I have multiple divs open, and it's annoying to sometimes toggle elements expand/closed to see where the closing tag is, so it would certainly be a great help!

[ngarnier]

@meriadec all it takes is adding this snippet here

      matchTags: {bothTags: true},
      extraKeys: {"Ctrl-J": "toMatchingTag"} // optional - to enable keyboard shortcut to jump from an opening tag to its matching tag

[meriadec]

Worked well, with the highlight addon, but as it overrides the whole line text color (no more coloration) it can be annoying, so I will make it optional via configuration.

[dshastry]

Works amazing and I love the new functionality! Thanks guys.

Any possibility to extend this to include CSS highlighting in addition to MJML? Would be helpful when writing/examining/editing css in the mj-head section