在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());