feat: Syntax Highlighting for HTML Template Strings

Given HTML content in an ES6 template string, e.g.:

let template = `
    <div class="row">
        <div class="col-md-4">
            <p>Hello there!</p>
        </div>
    </div>
`

…syntax highlight the HTML as if it was stand-alone in a .html file.

[DylanPiercey]

Currently the atom babel syntax plugin allows for this but only if the tagged template function is called html - like so:

const it = html`
  <div>hi</div>
`

Also note that GitHub does the same.

[felipearosemena]

I know this is closed, but would like to +1 this request.

Wouldn’t it be possible to parse the content between backticks as html and then the expressions inside ${} as js?

It seems to me that would make sense, after all aren’t template literals supposed to make easier to work with HTML within JS? Proper syntax highlighting would be a huge bonus for this.