【问题标题】:How can I use a Sekizai javascript block in a Django template filter?如何在 Django 模板过滤器中使用 Sekizai javascript 块?
【发布时间】:2013-01-18 00:53:33
【问题描述】:

我正在编写一个 Django 模板过滤器。我想插入一些javascript。简而言之:有没有办法在这个过滤器中添加到 Sekizai "js" 块,但让它呈现在页面模板上定义的 "js" 块中?

为了让我的问题更清楚,以下过滤器可以满足我的需求,但没有 Sekizai:(为简单起见,省略了自动转义)

from django import template
from django.template import Context
register = template.Library()
@register.filter  
def myfilter(text):
    context = { "text": text }
    myhtml = get_template('mytemplate.html')
    return myhtml.render(Context(context))

mytemplate.html 里面有一些 javascript,例如:

<canvas id="xyz" width="200" height="200"></canvas>
<script>
function drawCircle(context, radius, centerX, centerY, color) {
    context.beginPath();
    context.arc(centerX, centerY, radius, 0, 2 * Math.PI);
    context.fillStyle = color;
    context.fill();
}
var canvas = document.getElementById('xyz');
var context = canvas.getContext('2d');
drawCircle(context,50,100,100,"blue");
</script>

这很好用。

但是,对于 Sekizai,我希望将 mytemplate.html 中的 &lt;script&gt;...&lt;/script&gt; 添加到“js”块中:

{% addtoblock "js" %}<script>...</script>{% endaddtoblock %}

(使用Sekizai还需要更改过滤器:

from sekizai.context import SekizaiContext
...
    return myhtml.render(SekizaiContext(context))

)

但这不起作用,因为模板过滤器没有“js”块 - 所以 javascript 永远不会呈现。但是,在更大的图景中有一个“js”块,例如过滤器是从一个看起来像这样的模板调用的:

{% load sekizai_tags %}
<head>...</head>
<body>
     {{ info|myfilter }}
     {% render_block "js" %}
</body>

那么...有没有办法解决这个问题?我可以在我的模板过滤器中添加一个 Sekizai 块,并让它在页面模板上呈现吗?

谢谢!

【问题讨论】:

  • 我查看了 Sekizai 并发现它有点缺乏,原因几乎相同。我最终制作了与我的模板标签相对应的 JS 文件,并使用 CoffeeScript 将它们收集到一个站点范围的 JS 文件中。我知道 vanilla JS 有类似的工具。随着项目的发展,我可能需要使用更复杂的东西,比如 django-compressor,但现在,我不能抱怨。

标签: javascript django django-sekizai


【解决方案1】:

Django 模板过滤器不继承全局模板上下文,但inclusion tags 可以(如果您在inclusion_tag 装饰器中设置了takes_context=True)。

我建议您重构代码以使用包含标记而不是过滤器,在这种情况下,sekizai 会阻止 可能 工作。

【讨论】:

  • 谢谢。我还没有机会尝试这个,但是当我这样做时,我会告诉你它是怎么回事。
猜你喜欢
  • 2019-09-28
  • 1970-01-01
  • 2015-01-31
  • 2014-05-02
  • 2012-01-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多