为 .liquid 文件添加 JSON 语法突出显示到 IntelliJ IDEA答案

【问题标题】：Adding JSON syntax highlighting to IntelliJ IDEA for .liquid files为 .liquid 文件添加 JSON 语法突出显示到 IntelliJ IDEA
【发布时间】：2019-03-10 10:01:54
【问题描述】：

按照此处的说明，我已经能够为我的.liquid 文件添加语法高亮：Enabling Liquid templating syntax highlight in webStorm/phpStorm

它非常适合我的 HTML 和流畅的语法突出显示，因为它与 Twig 非常相似。

但我的问题是我的每个.liquid 模板中也包含我的schema。架构是 JSON，但根本没有语法高亮显示。

如果文件类型包含在某种分隔符中，是否有办法为文件类型添加自定义语法突出显示？

我的架构是这样包装的：

{% schema %}
  JSON object with my settings/configuration
{% endschema %}

见下图：

【问题讨论】：

这种配置只能通过写插件实现；您无法在设置中进行配置。

标签： json intellij-idea webstorm syntax-highlighting liquid

【解决方案1】：

正如@yole 所说：你不能那样做。嗯...永久。

您总是可以手动在那里注入 JSON .. 它会持续一段时间（肯定是一个会话）。

只需将插入符号放在{% schema %} 之后，然后按Alt + Enter。

选择Inject language or reference 并在列表中找到JSON（快速搜索也可以在此工作，因此只需开始输入）。

结果很明显：

您正在为 .liquid 文件使用 Twig 插件（对它们的原生支持 (RUBY-7210) 目前似乎不在 JetBrains 候选名单上）。

现在可以在自定义 Twig 标签中进行永久语言注入（使用 Twig 插件）。请参阅下面的屏幕截图，了解您可以自己创建的自定义注入规则：

【讨论】：

【解决方案2】：

您可以通过Alt+Enter 在您的{% schema %} 块中手动注入 JSON，注入语言或参考 > JSON：

另见https://blog.jetbrains.com/phpstorm/2017/12/twig-handling-improvements/

【讨论】：