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

Question

我正在使用 Mustache 来呈现模板。

我有这个 json 对象:

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

我有一个 Mustache 模板，例如:

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

我的问题是变量内容中的 html 没有被渲染，而是被打印到屏幕上。

我看到(在非查看源窗口中):<p> Html here </p> ，如果我查看页面源代码，我只想看到它。

当我将一个字符串传递给 mustache 模板时，我该如何解决，以便渲染其中的 HTML？我调用 mustache.render(templates.all,data);作为我对 mustache 的呼唤。

Answer 1

来自Mustache documentation :

All variables are HTML escaped by default. If you want to return unescaped HTML, use the triple mustache: {{{name}}}.

所以你只需要在你的模板中使用 eg.{{{content}}}:

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