# Comment rendre les variables de composant de modèle en HTML

**URL:** https://meta.discourse.org/t/how-to-render-template-component-variables-as-html/180068
**Category:** Development
**Created:** [Février 17, 2021, 4:33 UTC](https://meta.discourse.org/t/how-to-render-template-component-variables-as-html/180068 "2021-02-17T16:33:41Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![OlivierLambert](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/olivierlambert/32/209897_2.png) [@OlivierLambert](https://meta.discourse.org/u/OlivierLambert)
#### Post date: [Février 17, 2021, 4:33 UTC](https://meta.discourse.org/t/how-to-render-template-component-variables-as-html/180068/1 "2021-02-17T16:33:42Z")

</div>

Salut !

Une petite question rapide.

J’ai ce code ici :

```plaintext
<script
  type="text/x-handlebars"
  data-template-name="/connectors/discovery-below/sidebar"
>
{{#if missions}}
        <h2>{{#if userName}}{{i18n (theme-prefix "sidebar.back")}} {{userName}} {{/if}}!</h2>
        <p>Voici vos missions :</p>
        <div class="mission">
            <h3>Mission du jour : {{missions.daily.mission.label}}</h3>
            <p>
                {{missions.daily.mission.description}}
            </p>
        </div>
    {{/if}}
</script>

```

Tout fonctionne bien, sauf que ma variable « description » contient du HTML.

Il n’est pas rendu dans mon template, donc le HTML brut s’affiche de manière peu esthétique sur mon frontend ⬇

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/3/23836782d968d53bead8409cedea4c34a93fd67f.png)

Existe-t-il un moyen d’interpréter ce qui se trouve entre accolades {{}} comme du HTML ?

Où trouver la documentation à ce sujet ? Je suis en train de faire de l’ingénierie inverse sur du code existant, ce qui n’est pas idéal.

Merci d’avance pour vos conseils !

---

<div class="post-metadata">

### Author: ![hawm](https://avatars.discourse-cdn.com/v4/letter/h/f07891/32.png) [@hawm](https://meta.discourse.org/u/hawm)
#### Post date: [Février 17, 2021, 4:40 UTC](https://meta.discourse.org/t/how-to-render-template-component-variables-as-html/180068/2 "2021-02-17T16:40:35Z")

</div>

> Parce qu’il a été conçu à l’origine pour générer du HTML, Handlebars échappe les valeurs renvoyées par une `{{expression}}`. Si vous ne souhaitez pas que Handlebars échappe une valeur, utilisez le « triple-trait », `{{{`.  
> [Introduction | Handlebars](https://handlebarsjs.com/guide/#html-escaping)

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [Février 17, 2021, 5:02 UTC](https://meta.discourse.org/t/how-to-render-template-component-variables-as-html/180068/3 "2021-02-17T17:02:34Z")

</div>

Il y a `htmlSafe` :

[https://api.emberjs.com/ember/release/functions/@ember%2Ftemplate/htmlSafe](https://api.emberjs.com/ember/release/functions/@ember%2Ftemplate/htmlSafe)