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

如何解决语言注入规则 PhpStorm -> Twig 块中的 JavaScript

我正在使用使用 Twig 的 CraftCMS。我用来添加 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. （见图片）

我必须在这个窗口输入什么？我有点迷失在这里。任何帮助都是有价值的:)

解决方法

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

+ twigCustomStatement("js")

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

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

---

最终结果（注意浅绿色背景，表示正在执行的语言注入规则 + JS 代码的语法颜色；同时显示您的标签和捆绑的标签）：

（注意：复制+粘贴到文件中，可能需要重新打开文件或整个项目/IDE 才能应用新的注入规则）

证明它是 JavaScript：