将jinja2模板代码添加到javascript innerHTML

Question

我试图让javascript将flask wtf表单插入到div中

var element = 'content'
var addElement = `{{ form.${element}(class="") }}`

var newDiv = document.createElement("div");
newDiv.innerHTML = addElement;

Javascript在我的网站上将我的addElement显示为字符串，而不是将其解释为表单。我怀疑这是因为里面有jinja2语法。如何将其显示为表单

Answer 1

可以使用{% raw %}和{% endraw %}转义javascript代码

{% raw %}
var element = 'content'
var addElement = `{{ form.${element}(class="") }}`

var newDiv = document.createElement("div");
newDiv.innerHTML = addElement
{% endraw %}