Twig 块中的语言注入规则 PhpStorm -> JavaScript

Language Injection Rule PhpStorm -> JavaScript in Twig Block

我正在使用 CraftCMS,它使用 Twig。我用来添加 JS 的方法之一是例如

{% js at endBody %}
    console.log('I am JavaScript');
{% endjs %}

我想让它永久突出显示为 JavaScript,而不必每次再次打开 PhpStorm 时都重新注入它。

根据https://www.jetbrains.com/help/phpstorm/using-language-injections.html#configure-injection-rules,我需要添加一个注入规则。所以我去了

  1. 编辑器
  2. 语言注入
  3. 加 (+)
  4. 通用树枝
  5. (见图)

不过,我必须在此 window 中输入什么?我在这里有点迷路了。任何帮助都是有价值的:)

当然,只需添加一个模式来匹配您的自定义 js Twig 标签:

+ twigCustomStatement("js")

https://www.jetbrains.com/help/phpstorm/language-injection-settings-generic-twig.html

P.S. PhpStorm 已经为 script Twig 标签捆绑了类似的规则。它的作用完全一样。唯一的区别在于标签名称:script 与您的 js.


最终结果(注意表示语言注入规则正在运行的浅绿色背景 + JS 代码的语法颜色;同时显示您的标签和捆绑的标签):


(注意:在文件中复制+粘贴,重新打开文件或整个 project/IDE 可能需要应用新的注入规则)

证明它是 JavaScript: