根据IntelliJ IDEA </script>中的type属性自定义语法高亮显示<script>元素的内容

时间:2015-02-21 03:34:23

标签: intellij-idea webstorm

在IDEA中,编辑HTML文件时,IDE会根据<script>属性区别对待type元素的文本内容。例如,<script type="text/javascript">元素的文本内容被视为Javascript并且如此突出显示;类似于<script type="text/css">和CSS,<script type="application/json">和JSON以及其他。

如何配置自定义<script type="...">语言关联?

具体来说,我希望IDEA将类型"x-shader/x-fragment"的脚本元素的文本内容视为GLSL。我安装了GLSL语言插件,但它只突出显示.glsl个文件。我正在使用IntelliJ IDEA 14.0.3。

注意:与其他HTML元素不同,<script>元素的内容没有注入语言/参考选项。

2 个答案:

答案 0 :(得分:2)

你无法配置它,但这在GLSL插件中修复是微不足道的。在GLSL的语言类(here)中,需要将“x-shader / x-fragment”MIME类型作为第二个参数传递给基类构造函数。

答案 1 :(得分:1)

Yole的回答可能是您用例的最佳答案,但实际上我遇到了一个类似的问题,其中Intellij没有处理&#34; text / babel&#34; as&#34; text / jsx&#34;就像我想要的那样。

如果您不介意将脚本内容移动到另一个文件,可以执行以下操作:

<script type="x-shader/x-fragment" src="your_script.glsl"></script>

当然,当您编辑文件时,您将获得正确的语法高亮显示。