javascript - 在 Javascript 变量中加载 django 自定义标签

Question

我目前正在使用一些 Javascript 将一些 HTML 加载到模板中，并且 HTML 存储在 django 模板标记内。我有一个来自单独应用程序的自定义模板标签，它生成 SVG 图像文件。

这是我的模板标签:

{% icon "test-icon" %}

这是存储 HTML 的变量，我希望将标签加载到其中:

var imageLeft = "$('<div class="testing"></div>')"

我已经尝试过显而易见的方法:

var imageLeft = "$('<div class="testing">{% load "test-icon" %}</div>')"

这对我来说是新的，因此我们将不胜感激。

Answer 1

问题在于您的标记生成的输出会终止您尝试将其插入的字符串。

尝试将其放置在页面上的隐藏标记中:

<div id="cached-icon" hidden>{% icon "test-icon" %}</div>

然后从 javascript 获取它

var imageLeft = $('<div class="testing"/>').append($('#cached-icon').show());