Syntax highlighting within ES6 template strings

[ni-vo]

Description

Is it possible (with configuration or addons) to apply syntax highlighting (in my case HTML) to ES6 template strings? Take for example, an angular 1.x component file:

(function () {
    "use strict";
    
    angular.module("app").component("example", {
        template: `
            <div layout="row" layout-align="end center">
                <md-button class="md-raised md-default">Cancel</md-button>
                <md-button class="md-raised md-primary">Submit</md-button>
            </div>
        `,
        
        controller: function () {
            var ctrl = this;
        }
    });
})();

Relevant issue on the Atom GitHub: TypeStrong/atom-typescript#818

[petetnt]

This would be real nice 👌 might have to happen upstream in https://github.com/codemirror/CodeMirror though.