Syntax highlighting within ES6 template strings

[core-ai-bot]

Issue by ni-vo
Thursday Sep 28, 2017 at 03:57 GMT
Originally opened as adobe/brackets#13740

---

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

[core-ai-bot]

Comment by petetnt
Thursday Sep 28, 2017 at 20:35 GMT

---

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