使用 handlebars.js 获取动态用户内容？

Question

Handlebars 常用于静态预定义的 html 模板，然后通过 JSON 给出动态数据，但是如果模板本身来自 json 呢？

我正在尝试建立一个社区论坛，我有一个模板可以填写用户帖子的去向。然而，帖子本身也包含模板信息（这是动态的）。如何让车把处理刚从 ajax 出来的动态模板？

例如，用户的帖子可以按任意顺序包含以下任何内容或全部内容：文本、图片、链接、视频等。

内容将如下所示：

{{text-open}} blablabla 这是一张图片 {{text-close}}{{image-open}}
http://someRandomUrl.com {{image-close}} {{image-open}}
http://anotherRandomUrl {{image-close}}

我不确定如何使用车把来做到这一点。我有一种感觉，也许我应该只使用字符串替换功能？但这会是最佳方法吗？

Answer 1

你只需要编译模板：

fetch("post.hbs")
    .then(source => Handlebars.compile(source))
    .then(postTemplate => {
        // Do stuff, then fill the template:
        postElement.innerHTML = postTemplate(postData);
    });