Visual Studio 2015 扩展将 JavaScript 文件中的字符串 HTML 视为 HTML 编辑

Visual Studio 2015 extention to treat string HTML in JavaScript file like HTML editing

本文关键字:HTML 字符串 视为 编辑 文件 2015 Studio 扩展 JavaScript Visual      更新时间:2023-09-26

在使用我的挖空组件时,如果我的模板中的 HTML 就像在.html文件中编辑 HTML 一样,那就太好了。例如,在下面的示例中,模板是一个字符串,但我希望它具有语法样式和其他 IDE 糖,就像我在 html 或 aspx 文件中编辑 HTML 一样。我相信同样的事情会对 Angular 2 组件有所帮助。是否有扩展程序为我提供此功能?

ko.components.register('like-widget', {
    viewModel: function (params) {
        // Data: value is either null, 'like', or 'dislike'
        this.chosenValue = params.value;
        // Behaviors
        this.like = function () { this.chosenValue('like'); }.bind(this);
        this.dislike = function () { this.chosenValue('dislike'); }.bind(this);
    },
    template:
        '<div class="like-or-dislike" data-bind="visible: !chosenValue()">'
            <button data-bind="click: like">Like it</button>'
            <button data-bind="click: dislike">Dislike it</button>'
        </div>'
        <div class="result" data-bind="visible: chosenValue">'
            You <strong data-bind="text: chosenValue"></strong> it'
        </div>'
});

下面是我用来在 Javascript 文件中提供 HTML 语法突出显示的扩展:

https://visualstudiogallery.msdn.microsoft.com/7ad6f617-0903-4690-910e-5d555faf0038

您也可以通过扩展库从VS中找到它。

我找到了 JsHighlight,但看起来它不适用于我发布的示例代码,使用多行字符串。