javascript - template - vue keep alive

Cadena de plantilla de bigote dentro de render como HTML

Question

Estoy usando el bigote para hacer plantillas.

Tengo este objeto json:

 {
title: "Foo bar",
content: "<p> Html here </p>",
footer: "footer content here"
}

Tengo una plantilla de bigote como:

 <div id="box">
<div id="title"> {{title}} </div>
<div id="content"> {{content}} </div>
<div id="footer"> {{footer}} </div>
</div>

Mi problema es que el html dentro del contenido variable no se procesa, sino que se imprime en la pantalla.

Veo (en la ventana de la fuente que no se ve): <p> Html here </p> , donde solo querría ver eso si veo la fuente de la página.

¿Cómo puedo solucionar el problema de modo que cuando se pasa una cadena a una plantilla de bigote, el HTML que hay dentro se procesa? Estoy llamando a mustache.render (templates.all, data); como mi llamada al bigote.

Answer 1

De la documentación del bigote :

Todas las variables son HTML escapado por defecto. Si desea devolver HTML sin escapar, use el triple bigote: {{{nombre}}}.

Así que solo hay que usar por ejemplo. {{{content}}} en tu plantilla:

 <div id="box">
<div id="title"> {{title}} </div>
<div id="content"> {{{content}}} </div>
<div id="footer"> {{footer}} </div>
</div>