Come renderizzare le variabili del componente template come html

Sviluppatore
1

Ciao!

Una cosa veloce qui.

Ho questo codice qui:

<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>

Tutto funziona bene, tranne che la mia variabile “description” contiene HTML.

Non viene renderizzata nel mio template, quindi stampa l’HTML grezzo sul mio frontend :arrow_down:

image
image551Ă—532 20.7 KB

C’è un modo per interpretare ciò che è tra parentesi {{}} come HTML?

Dove si trova la documentazione a riguardo? Al momento sto facendo reverse engineering del codice esistente, quindi non è l’ideale.

Grazie in anticipo per qualsiasi consiglio!

2

Poiché è stato originariamente progettato per generare HTML, Handlebars esegue l’escape dei valori restituiti da un’espressione {{expression}}. Se non desideri che Handlebars esegua l’escape di un valore, utilizza la “tripla parentesi graffa”, {{{.
Introduction | Handlebars

3

C’è htmlSafe:

https://api.emberjs.com/ember/release/functions/@ember%2Ftemplate/htmlSafe