如何在 handlebars-django 模板中引用静态文件

Question

总结：

我应该如何在 django 模板的车把部分中引用静态文件？如果我使用 verbatim 标签，我可以使用车把，但是我不能使用 django 的 static 标签。

详情

在将应用程序转换为 Django 时，我遇到了使用 handelbars.js 呈现 ajax-调用结果的部分。通过“Handlebars.js in Django templates”，我发现了 {% verbatim %} 标签。

一个简单的车把就可以很好地解决这个问题。但我也有一个部分，图像根据结果动态显示，看起来像这样：

<img src="path/{{ result }}.png">

虽然我手动设置路径可以正常工作，但我相信 Django 像这样引用静态文件是一种很好的做法：

<img src="{% static 'path/file.png' %}">

不建议只获取 static_url 常量，see for instance this blog

因此，除非有人有真正令人信服的理由以其他方式修复它，否则我认为最好使用 {% static %} 方法。

天真的解决方案是将这两种技术结合起来，然后直接用 verbatim/endverbatim 喷洒模板。除了这看起来很难看、难以辨认并且从一开始就不是个好主意之外，它也行不通。

{% verbatim %}
    <!-- handlebars -->
    {% endverbatim %}
    <img src="{% static 'path{% verbatim %}{{ result }}{% endverbatim %}' %}">
    {% verbatim %}
    <!-- handlebars -->
{% endverbatim %}

泪流满面，结果是

TemplateSyntaxError at /
Could not parse the remainder: ''path{%' from ''path{%'

有可能在后端生成正确的静态 url 并进行渲染。但是后端应该不知道我们要在模板中显示什么图像。

唯一的解决方案可能是使用 'relative' 字符串（例如 path/result.png）对后端进行额外调用，并请求正确的静态 link？这并不难，但需要额外的调用，但事实并非如此。

那么如何正确引用这些静态文件呢？

Answer 1

您不想划定 handlebar 标签和 Django 标签之间的界限。也许最干净的解决方案是显式声明车把标签：

{{ "handlebars_variable"|handlebars }}

其中 filter handlebars is defined as so (source):

from django import template
register = template.Library()

@register.filter
def handlebars(value):
    # str.format would require ugly escaping, so we use '%'
    return '{{%s}}' % value

但这还不够：您想将车把标签传递给 static，即使使用过滤器也不能直接这样做。但也许你可以尝试使用 with:

{% with "handlebars_variable"|handlebars as handlebars_tag %}
  <img src="{% static handlebars_tag %}">
{% endwith %}

但这还不够。你想在前面加上 path/。有多种选择供您选择：

您可以使用基于 this answer 和嵌套 with 语句的 add 过滤器（呃）。
您可以像这样定义一个名为 setvar 的模板标签 here（如果您愿意）。

您可以像这样定义一个临时模板标签（可能不够优雅）：

@register.filter
def static_result_path(value):
    return 'result/{{%s}}' % value

然后将模板代码改为：

<img src="{% static "handlebars_variable"|static_result_path %}">

使用get_static_prefix（最简单！）：

<img src="{% get_static_prefix %}result/{{ "handlebars_variable"|handlebars }}" />

（而且总是Jinja。）

Answer 2

即使 django 模板不支持任何类型的转义字符，它们也支持 templatetag 标签，允许您在这种情况下嵌入特殊文本。

假设您没有太多车把替代品，您可以根据需要做这样的事情：

<img src="{% get_static_prefix %}path/{% templatetag openvariable %} result {% templatetag closevariable %}.png" />

但是，如果您有很多替换要做，根据 yartathrock 的回答使用自定义过滤器会更简洁，因此可能更容易维护运行。

如何在 handlebars-django 模板中引用静态文件

How to reference static files in a handlebars-django template

django

templates

django-templates

handlebars.js

django-staticfiles