我最新的HTML/CSS/TS项目是使用HTML组件完成的.在这种情况下,使用字符串来设置组件的内部HTML是很常见的.所以我们到处都有这样的东西:

this.innerHtml = `
  <p>Blah blah</p>
`

因为语法高亮笔只看到一个字符串,所以它里面的所有东西通常都是绿色或其他任何 colored颜色 .但我希望有一种方法可以将其突出显示为HTML代码.有什么办法吗?有没有可能是VS代码扩展?

我设想VS代码扩展可以通过在HTML代码之前(或两个)的行上放置一个注释来工作,如下所示:

// extension:begin:html
this.innerHtml = ` 
  <p>Blah Blah</p>
`
// extension:end

推荐答案

正如@epascarello指出的那样,es6-string-html基本上做了我想要的事情.

我要更改的唯一一件事是,我将在设置中使用HTML作为默认设置,因为在我的项目中,这是我唯一需要的东西.

Html相关问答推荐

如何将数据发送到Flask 应用程序中的表单文本框

CURL邮箱中的图像不能调整其大小

浏览器是在调整大小还是在全屏上交换视频源?

如何在图像中垂直和水平居中显示文本?

Div中的图像问题-(TailWind CSS中的网格)

单独处理Button:Focus的多行按钮

如何将功能附加到嵌入式药剂中的按钮?

错误时交换表单,成功时使用HTMX重定向

是否可以制作响应式 CSS 剪辑路径?

图像如何能达到 HTML 表格的全宽?

带标签 css 的 div 内的中心图标

如何围绕中心zoom svg 并使父级达到其子级大小的 100%

如何调整边框半径以匹配父边框半径

这两个CSS中的网格居中对齐内部盒子有什么区别?

如何在 blazor 中单击单个按钮调用 2 个等待任务

我用 ejs 修复了一个奇怪的语法错误,我想知道问题出在哪里

按部分划分的表行带

Header 或 P 标记中的填充不能与 em 单元一起正常工作

使用 bootstrap-icons 的未排序图标堆栈

无法使用 HTML 中的 Bootstrap 自上而下居中