首页 > 解决方案 > 将 jinja2 模板代码添加到 javascript innerHTML

问题描述

我正在尝试让javascript将flask-wtf表单插入到div中。

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

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

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

标签: javascriptpythonjinja2flask-wtforms

解决方案


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

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

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

推荐阅读