Twig: prevent parsing of client-side templates

Question

I need to output a portion of client-side handlebars templates, which has tags similar to twig's 'say' tags:

  <script type="text/x-handlebars">
    {{#view App.MyView}}
      <h1>Hello world!</h1>
    {{/view}}
  </script>

And twig attempts to parse these templates. How do I prevent it? Is it possible to mark a section of a template as plain text?

Molecular Man · Accepted Answer · 2014-11-18T11:28:39.313

47

There is raw tag for this purpose:

<script type="text/x-handlebars">
  {% raw %}
    {{#view App.MyView}}
      <h1>Hello world!</h1>
    {{/view}}
  {% endraw %}
</script>

Update

As raw tag is deprecated use verbatim instead.

edited Nov 18 '14 at 11:28

answered Feb 25 '12 at 12:17

Molecular Man

22,277
3
72
89

2

Better check the next answer, `{% raw %}` is deprecated to avoid confusion with the raw filter, use the tag: `{% verbatim %}...{% endverbatim %}` instead. – Rubens Mariuzzo Oct 30 '13 at 19:33

score 25 · Answer 2 · answered Jul 11 '13 at 14:18

25

{% raw %} deprecated

{% verbatim %}
    <ul>
    {% for item in seq %}
        <li>{{ item }}</li>
    {% endfor %}
    </ul>
{% endverbatim %}

Source: http://twig.sensiolabs.org/doc/tags/verbatim.html

answered Jul 11 '13 at 14:18

Farid Movsumov

12,350
8
71
97

score 1 · Answer 3 · answered Oct 27 '15 at 11:07

For bigger blocks of templates I would suggest to move those script templates into a separate file/files (where I suppose they should be to make all more structured).

Then render templates in your twig by using source command {{ source('uploadables-js.html') }} (IMPORTANT, no 'use' or 'include').

score 0 · Answer 4 · answered Sep 27 '16 at 20:27

To not litter templates with raw or verbatim tags, one can change lexar options to not conflict with client side template engines:

...
$lexer_options = [
  'tag_variable' => ['{~', '~}'],
];
$lexer = new Twig_Lexer($twig, $lexer_options);
$twig->setLexer($lexer);

Twig: prevent parsing of client-side templates

4 Answers4

Update

Linked