10

因为对此似乎没有答案：通过车把部分传递变量，我目前正在研究一些解决方法来完成这项工作。因此，我们的想法是注册一个辅助函数，该函数使用可能的值呈现特定模板。一点代码可以更好地理解。

这就是我调用助手的方式：

<div>
    {{myHelper}}
</div>

这个助手是用这个小代码注册的：

hbs.registerHelper(name, function (args) {
    args = args || {};
    var template = hbs.compile(fs.readFileSync(__dirname + '/' + file, 'utf8'));
    return template(args);
});

我把这个片段放入一个循环中，一次注册不同的助手。这意味着给出了“名称”和“文件”。

好的，现在我可以做这样的事情了：

// 'values' could be something like this:

var values = { headline: 'HEADLINE' }

<div>
    {{myHelper values}}
</div>

在一个助手中，我现在可以测试是否给出了某个值：

// myHelper template

<div>
    {{#if headline}}
    <h1>{{headline}}</h1>
    {{/if}}
    <p>Lorem ipsum</p>
</div>

这个小解决方法对我有用，但有一个问题。如上所述注册一个助手，返回一个纯 HTML 转义字符串。因此，调用帮助程序不会输出呈现的 HTML 片段。它将 HTML 输出为转义字符串。

你们中有人知道如何让我的代码片段将 HTML 作为 HTML 返回吗？

/帕斯卡

4

2 回答 2

27

我只想指出，使用三方括号消除了运行任何其他方法来转换为 HTML 的需要。例如，当访问模板数据时，只需使用三重花括号{{{templateData}}}，它允许您获取原始 HTML。

于 2013-06-26T00:58:00.827 回答
21

来自Handlebars 文档：

Handlebars 不会转义 Handlebars.SafeString。如果您编写一个生成自己的 HTML 的帮助程序，您通常会希望返回一个新的 Handlebars.SafeString(result)。在这种情况下，您将需要手动转义参数。

尝试

hbs.registerHelper(name, function (args) {
    args = args || {};
    var template = hbs.compile(fs.readFileSync(__dirname + '/' + file, 'utf8'));

    // return new hbs.SafeString(template(args));
    // From @Maroshii 
    // the SafeString method must be accessed through hbs.handlebars 
    // and not directly through hbs
    // https://github.com/donpark/hbs#handlebars

    return new hbs.handlebars.SafeString(template(args));
});
于 2012-07-23T12:03:21.727 回答