web-dev-qa-db-fra.com

Insérer du HTML dans un modèle de guidon sans s'échapper

Est-il possible d'insérer une chaîne avec des balises HTML dans un modèle de guidon sans que les balises ne soient échappées dans la chaîne sortante?

template.js:

<p>{{content}}</p>

utiliser le modèle

HBS.template({content: "<i>test</i> 123"})

résultat réel:

<p>&lt;i&gt;test&lt;/i&gt; 123</p>

résultat attendu:

<p><i>test</i> 123</p>
115
Andreas Köberle

Essayez comme

<p>{{{content}}}</p>

J'ai le référence officielle pour étayer ma réponse:

Guidons HTML-échappe aux valeurs renvoyées par un {{expression}}. Si vous ne voulez pas que le guidon échappe à une valeur, utilisez le "triple stash", {{{ _ .

273
Praveen

Dans votre modèle, vous devez ajouter une triple moustache comme celle-ci. <p>{{{content}}}</p>

23
Jernej Novak

Selon la documentation de Handlebars, http://handlebarsjs.com/expressions.html

Citation tirée de la documentation ,

Si vous ne voulez pas que le guidon échappe à une valeur, utilisez le "triple stash", {{{

Passez le modèle HTML brut au modèle de guidon et obtenez la sortie HTML brute en utilisant des crochets triples.

{{{foo}}}
5
Lorem Ipsum Dolor