Visual Studio Code - how to highlight html closing tags in html.eex?

Phoenix Forum Questions / Help
, ,
1

I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can i solve that ? I use vscode-elixir extension
This is how in html.eex
result
This is what i want
wiw

2

I solved using extension highlight-matching-tag and adding these settings

"highlight-matching-tag.style": {
    "backgroundColor": "rgba(63, 191, 63, 0.20)"
},
"editor.occurrencesHighlight": false
4 Likes
3

On VS Code, go File > Preferences > Settings > Workbench > Appearence and click “Edit in settings.json”

Then do something like:

{
    "workbench.colorTheme": "Cobalt2",
    "window.zoomLevel": 0,
    "highlight-matching-tag.styles": {
        "opening": {
            "name": {
                "underline": "yellow",
                "highlight": "rgba(255,255,0,0.2)"
            }            
        }
      }
}
6 Likes
4

Thank you very much, you helped a lot!

2 Likes