node.js和Handlebars:编译的HTML被转义

Question

我在节点应用程序中使用把手,我遇到了麻烦.

这是模板 index.html

{{CONTENT}}

这是代码

var fs = require("fs");
var handlebars = require("handlebars");

var data = {
    CONTENT: "<b>Hello world!</b>"
};

var templateFile = fs.readFileSync('./index.html', 'utf8');
var template = handlebars.compile( templateFile );
var html = template(data);

问题是标签<B>被转义为<B>

我怎么能避免这个？

Answer 1

来自handlebarsjs.com:

Handlebars HTML-escapes {{expression}}返回的值.如果您不希望Handlebars转义值,请使用"triple-stash".

<div class="entry">
  <h1>{{title}}</h1>
  <div class="body">
    {{{body}}}
  </div>
</div>

有了这个背景:

{
  title: "All about <p> Tags",
  body: "<p>This is a post about &lt;p&gt; tags</p>"
}

结果是:

<div class="entry">
  <h1>All About &lt;p&gt; Tags</h1>
  <div class="body">
    <p>This is a post about &lt;p&gt; tags</p>
  </div>
</div>

但是从我的观点来看,它可能会使模板分离的目的与你的js文件相悖.

如果使用预编译,则使用no​​Escape选项:

handlebars.precompile(content, {noEscape: true})

Answer 2

你想在模板中使用'triple stash':

{{{CONTENT}}}