Désactivez l'autoescape et affichez les doubles accolades dans vos e-mails

Dans cet article, nous vous expliquons comment désactiver l'autoescape dans un bloc et comment afficher les doubles accolades en utilisant des tags dans vos templates d'e-mail.

autoescape

Par défaut, Sendinblue "échappe" le contenu HTML (et JS) de toutes les balises. Cela signifie que tout code HTML sera affiché comme du texte. Par exemple, si le contenu de votre balise est <h1>Mon titre</h1>, alors votre template affichera exactement ce texte dans votre e-mail : <h1>Mon titre</h1> plutôt que d'afficher la phrase "Mon titre" formatée comme un titre H1.

Le tag autoescape contrôle le comportement de l'autoescape. Étant donné que les templates Sendinblue utilisent l'autoescape HTML par défaut, vous devrez appliquer ce tag pour désactiver l'autoescape dans un bloc particulier. Le bloc doit être fermé par un tag de fin autoescape.

Nous allons examiner un exemple courant où la désactivation de l'autoescape peut être utile. Imaginons que vous transmettez des données de produits dans une balise, mais que chaque produit nécessite un formatage unique.

Si l'autoescape est utilisé comme ça : 

{% autoescape off %}{{ params.my_html }}{% endautoescape %}

Alors l'autoescape sera désactivé pour la balise {{ params.my_html }}. Maintenant, si le contenu de votre balise est <h1>Mon titre</h1>, il s'affichera comme un titre H1.

  Entrée Sortie
Sans le tag autoescape

{{ params.my_html }}

<h1>My title</h1>
Avec le tag  autoescape {% autoescape off %}{{ params.my_html }}{% endautoescape %}

My title

verbatim

Les balises du langage de template Sendinblue sont formatés de la façon suivante : {{ params.variable }} . Lorsque vous utilisez des doubles accolades autour du texte {{ comme ça }}  dans un template d'e-mail, Sendinblue identifie automatiquement cette partie comme un élément du langage de template.

La balise verbatim vous permet d'utiliser des doubles accolades dans vos templates d'e-mail sans qu'ils soient reconnus comme un élément du langage du template. Pour faire apparaitre les {{ }} directement dans votre e-mail, insérez le tag verbatim autour de votre balise :

{% verbatim %}
{{ Print variable }}
{% endverbatim %}

Ce texte apparaîtra intégralement dans votre e-mail sous la forme suivante : {{ Print variable }}.

⏩ Et ensuite ?