Visual Studio 2015 扩展将 JavaScript 文件中的字符串 HTML 视为 HTML 编辑
Visual Studio 2015 extention to treat string HTML in JavaScript file like HTML editing
在使用我的挖空组件时,如果我的模板中的 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,但看起来它不适用于我发布的示例代码,使用多行字符串。
相关文章:
- 将html元素插入到文本字符串中,以匹配另一个html字符串
- HTML字符串作为上下文
- 正在分析HTML字符串并从中进行选择
- 将GET请求(HTML字符串)转换为完整的DOM对象
- 在树枝模板上从数据库中解压缩HTML字符串
- 如何使用Razor显示模板将字符串转换为html字符串
- 如何在不打断标记的情况下突出显示html字符串中的文本
- 使用val()在jquery循环中设置html字符串的val
- 搜索并用jQuery替换整个HTML字符串
- 替换 html 字符串中的某些“<”和“>”
- Javascript-将包含变量的html字符串作为参数传递
- 如何用JavaScript替换HTML字符串
- 如何在我的模板(Angular2/TypeScript)中将HTML字符串转换为HTML
- 在HTML字符串的某个段落后插入HTML
- 使用 javascript 压缩包含嵌入图像的 HTML 字符串
- 需要使用Java编码/转义HTML字符串,并在JavaScript中解码HTML字符串
- 在不更改 HTML 的情况下操作 HTML 字符串的内容
- 使用JavaScript从HTML字符串中提取文本
- regex在JavaScript中拆分一个html字符串
- 创建HTML对象的Javascript与创建HTML字符串的比较