javascript - 如何在 Handlebars 模板中使用 {{{{raw-helper}}}}

Question

我有一个非常有用的 Handlebars 模板。我希望能够将以下内容放入其中:

<script id="someTemplate" type="text/x-handlebars-template">
    <div class="editStuff">
        <span {{#if aThing}} data-someKey="{{anotherThing}}" {{/if}}>
            {{aThirdThing}}
        </span>
    </div>
</script>

这显然会在处理 handlebars 文件时呈现。所有 {{}} 最终都是空白的，不好。我找到了

{{{{raw-helper}}}}

阻止助手，并像这样尝试:

{{{{raw-helper}}}}
<script id="someTemplate" type="text/x-handlebars-template">
    <div class="editStuff">
        <span {{#if aThing}} data-addresskey="{{anotherThing}}" {{/if}}>
            {{aThirdThing}}
        </span>
    </div>
</script>
{{{{/raw-helper}}}}

但这最终会从 HTML 中删除整个脚本 block 。

根据Handlebars docs原始 block 中的任何内容都应保持不变。

Answer 1

raw-helper 不是内置的。注册后模板应该可以工作。

Handlebars.registerHelper('raw', function(options) {
  return options.fn(this);
});

{{{{raw}}}}
<script id="someTemplate" type="text/x-handlebars-template">
    {{test}}
</script>
{{{{/raw}}}}