title: How to make PhpStorm interpret custom delimiters?
body: <p>I use Ractive templates in my Symfony application.</p>
  
  <p>As my Ractive templates are in .twig files, I cannot use curly braces around my Ractive values, so I use Ractive's <a href="http://docs.ractivejs.org/0.8/mustaches#delimiters" rel="nofollow noreferrer">custom delimiters</a></p>
  
  <p>For example, <code>&lt;p&gt;{{text}}&lt;/p&gt;</code> becomes <code>&lt;p&gt;[[text]]&lt;/p&gt;</code>.</p>
  
  <p>It works perfectly, but my problem is that PhpStorm doesn't recognize the brackets as template values, which causes several annoying consequences:</p>
  
  <p>There is no syntax coloration, the indentation is messed up, and there are warnings where there shouldn't be.</p>
  
  <p><strong>How can I make PhpStorm interpret my double brackets as template values ?</strong></p>
  
  <hr>
  
  <p>Edit: example of code:</p>
  
  <pre><code>&lt;script type="text"&gt;
      $(function () {
      var a = new Analytics();
      a.site = '{{ site.id }}'; {# Twig #}
      a.run();
  });
  &lt;/script&gt;
  
  {# Below is ractive #}
  &lt;table class="table"&gt;
      &lt;tr class="general"&gt;
          &lt;th&gt;&lt;/th&gt;
          [[#each columns: i]]
              [[#if stats]]
                  &lt;th&gt;[[trans('column.' + columns[i])]]&lt;/th&gt;
              [[/if]]
          [[/each]]
      &lt;/tr&gt;
      [[&gt; totalLine]]
      [[#each templates: t]]
          [[&gt; templateLine]]
      [[/each]]
  &lt;/table&gt;
  </code></pre>