python - 如何避免 django 模板中出现奇怪的空格？

Question

我正在使用 Django 模板呈现我的网页。在展开递归树的过程中，发生了一些奇怪的事情(无空格标记无济于事)。

这是我的递归模板:

index.html:

<ul class="Container">
    <li class="IsRoot">
        <div class="Expand">

        </div>

        <div class="Content">
            Содержание
        </div>



    </li>

    {% include 'list.html' with data=list %}

</ul>

和 list.html(作为递归部分):

<ul class="Container">
    <li class="Node ExpandClosed">
        <div class="Expand"></div>
        <div class="Content">
            <a href="/help/{{data.name}}">
                {{data.content}}
            </a>
        </div>
        {% for item in data.decendent %}
            {% include 'list.html' with data=item %}
        {% endfor %}
    </li>
</ul>

结果如下:

使用 open("index.html", 'r').read() 作为 html 文件的内容读取的文件的 html 内容被提取为文本，而不是 html:

<div id="frame" style="float:left; margin-left:310px;">
        &lt;!DOCTYPE html&gt;
        &lt;html&gt;
            &lt;head&gt;
                &lt;title&gt;hello&lt;/title&gt;
            &lt;/head&gt;
            &lt;body&gt;
                Body Great Style
            &lt;/body&gt;
        &lt;/html&gt;
</div>

而且我在元素之间有奇怪的空格:

如何避免这种奇怪的行为？谢谢!

Answer 1

{% spaceless %} 仅删除标签之间的空格，而不是文本中的空格。它在文档中有描述:https://docs.djangoproject.com/en/2.0/ref/templates/builtins/#spaceless

如果您还想删除文本中的空格，您可以使用像这样的自定义模板标签 https://gist.github.com/martinsvoboda/1bf965a8c6037c0fe1a88d89ea822df6 .用法:

{% nospaces %}
<strong>
    Hello
    this is text
</strong>
{% nospaces %}

渲染

<strong>Hello this is text</strong>