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>