javascript - 在 Jinja2 模板中使用 include 语句传递变量

Question

我有一个 html 文件，其中包含以下使用 Jinja2 模板语言编写的代码片段。

{% block head %}
    {{ super() }}
    {% with textarea="txtMessageContent" %}
        {% include "vvv/vvv/TinyMCE.html" %}
    {% endwith %}
{% endblock %}

我正在尝试将变量 textarea 传递给包含以下代码的 TinyMCE.html 模板。

{% block InitTinyMCE %}
<script src="https://x.x.x/x/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/static/js/tinymce/tinymce.min.js"></script>
<script type="application/javascript">
alert(textarea);
    $(document).ready(function (textarea){
        tinymce.init({
            selector: textarea,
            menubar: true,
            plugins: "hr code preview",
            content_css:"https://x.x.x/x/css/backend-boostrap.css",
            remove_linebreaks: false,
            convert_newlines_to_brs: true
        });
    });
</script>
{% endblock %}

当我加载页面时，我发现变量没有被传递。由于以下错误，我可以确认这一点。

文本区域未定义。

Answer 1

在 Jinja 中你需要用双花括号括住变量

{% block InitTinyMCE %}
<script src="https://x.x.x/x/js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="/static/js/tinymce/tinymce.min.js"></script>
<script type="application/javascript">
    $(document).ready(function (){
        tinymce.init({
            selector: "{{ textarea }}",
            menubar: true,
            plugins: "hr code preview",
            content_css:"https://x.x.x/x/css/backend-boostrap.css",
            remove_linebreaks: false,
            convert_newlines_to_brs: true
        });
    });
</script>
{% endblock %}