Evitar los bigotes ambiguos de Jinja2 que incluyen plantillas jQuery

Question

Estoy tratando de insertar jQuery templates en las plantillas Jinja2. Desgraciadamente, ambos (en la configuración predeterminada) usan los bigotes {{ & }} para indicar expresiones y literales, respectivamente.

estoy insertando en mis plantillas jQuery HTML con etiquetas script, así:

<script type='text/x-jquery-template'> 
    <div>The people are: 
     {{ each people }} 
      ${$value} 
     {{ /each }} 
    </div> 
</script> 

Si lo anterior es una plantilla en Jinja, sin embargo, se resiste porque Jinja trata de interpretar each como un literal.

Dadas las circunstancias (ya tenemos muchas plantillas), no es práctico cambiar los delimitadores de inicio y fin de Jinja2 para las variables. Además, es confuso, disminuye la interoperabilidad y requiere entrenamiento adicional. Es preferible evitar esta opción.

Así las cosas dos alternativas He pensado para resolver este son:

1. Jinja2 escapar cada uno '{{' y '}}', que no estoy muy seguro de cómo hacerlo mejor ("{{ "{{"}}`, tal vez, pero eso es detallado);

2. Más práctica - tal vez ideales - habría diciendo Jinja2 a no analizar un bloque de código, tal vez a través de una extensión de jQuery.

Estaría agradecido por sus pensamientos y comentarios. Gracias por leer.

Answer 1

Puede usar la construcción {% raw %}{% endraw %} para facilitar sus problemas de escape (directamente desde Jinja2 docs).

Ejemplo:

<script type='text/x-jquery-template'> 
    <div>The people are: 
     {% raw %}<!-- Everything in here will be left untouched by Jinja2 --> 

     {{ each people }} 
      ${$value} 
     {{ /each }} 

     {% endraw %} 
    </div> 
</script> 

Answer 2

He encontrado que esto a través de Google mientras que la experimentación con polímero pero no como la solución propuesta, por lo que otra alternativa: Use filtros.

En su código Python definir un filtro:

#Filter to create curly braces 
@app.template_filter('curly') 
def curly(value): 
    #Handle value as string {{'foo'|curly}} 
    if(isinstance(value,str)): 
     return_value = value 
    #Handle value directly. {{foo|curly}} 
    else: 
     return_value = value._undefined_name 
    return "{{" + return_value + "}}" 

Luego, en su plantilla que puede utilizar {{'foo'|curly}} o {{foo|curly}}

PS: Si usted no usa frasco creo que no se puede utilizar el decorador pero tiene que registrar el filtro explícitamente en su lugar: environment.filters['curly'] = curly.