Mustache模板字符串内部呈现为HTML-阿南达文事网

Mustache模板字符串内部呈现为HTML

我正在使用Moustache渲染模板。

我有这个json对象：

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

我有一个小胡子模板，如：

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

我的问题是，可变内容内的html不会被渲染，而只是被打印到屏幕上。

我看到（在非查看源代码窗口中）：<p> Html here </p>，如果我查看页面源代码，我只想在这里看到。

如何解决，当我将字符串传递到小胡子模板时，内部的HTML会呈现出来？我正在打电话给mustache.render（templates.all，data）;作为我呼唤小胡子的电话。

回答如下：从Mustache documentation：

默认情况下，所有变量都是HTML转义的。如果你想回来未经转义的HTML，请使用三重胡须：{{{name}}}。

所以您只需要在模板中使用例如{{{content}}}：

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