模板不显示 html 内容答案

【问题标题】：Template does not show html content模板不显示 html 内容
【发布时间】：2020-04-17 15:12:08
【问题描述】：

TemplateSyntaxError at /deals/amp-stories 第 576 行的块标记无效：“else”，预期为“empty”或“endfor”。您是否忘记注册或加载此标签？

请求方法：GET请求

网址：http://localhost:8001/deals/amp-stories?card_ids=1Django

版本：2.2.7 异常类型：TemplateSyntaxError 异常值：
第 576 行的块标记无效：'else'，预期为 'empty' 或 'endfor'。您是否忘记注册或加载此标签？

我正在尝试创建一个将在 django 中加载模板视图的视图，但出现上述错误。

<body>
    <!-- supports-landscape -->
    {% if card_list %}
        <amp-story standalone title="Best islands to visit from Guernsey" publisher="add here" publisher-logo-src="add here" poster-portrait-src="add-logo" poster-square-src="add-logo-here" poster-landscape-src="add-logo-here" supports-landscape>
            {% for card in card_list %}
                <amp-story-page id="slide_3" class="i-amphtml-element i-amphtml-layout-container i-amphtml-layout i-amphtml-story-page-loaded" i-amphtml-layout="container" aria-label="null" distance="0" i-amphtml-visited="" active="">
                    <amp-story-grid-layer template="fill" class="zoomIn i-amphtml-element i-amphtml-layout-container i-amphtml-story-layer i-amphtml-story-grid-template-fill i-amphtml-layout" i-amphtml-layout="container">
                        <amp-img src="{{card.card_image}}" width="1080" height="1920" class="i-amphtml-element i-amphtml-layout-fixed i-amphtml-layout-size-defined i-amphtml-layout" i-amphtml-layout="fixed" style="width: 1080px; height: 1920px; --loader-delay-offset:6ms !important;" i-amphtml-auto-lightbox-visited="">
                            <img decoding="async" src="{{card.card_image}}" class="i-amphtml-fill-content i-amphtml-replaced-content">
                        </amp-img>
                    </amp-story-grid-layer>
                    <div class="i-amphtml-story-spinner" aria-hidden="true" aria-label="Loading video">
                        <div class="i-amphtml-story-spinner-container">
                            <div class="i-amphtml-story-spinner-layer">
                                <div class="i-amphtml-story-spinner-circle-clipper left"></div>
                                <div class="i-amphtml-story-spinner-circle-clipper right"></div>
                            </div>
                        </div>
                    </div>
                </amp-story-page>
            (% endfor %)
    {% else %}
        <p>There are no cards in the collection.</p>
    {% endif %}
    </amp-story>

</body>

</html>

views.py

class StoryList(ListView):
    model = Card
    context_object_name = "all_cards"
    template_name = "card_list.html"

urls.py

urlpatterns = [    
    path('amp-stories', StoryList.as_view(), name='ampstories'),
]

models.py

class Card(models.Model):
    tag = models.ManyToManyField(CardTag)
    card_name = models.CharField(max_length=200)
    card_image =models.ImageField(upload_to='slides')
    card_createdate = models.DateTimeField(auto_now=True)


    class Meta:
        ordering = ['card_name']

    def __str__(self):
        return self.card_name

    def slide_thumbnail(self):
        return html.format_html(u'<img src="'+settings.HOSTNAME+'%s" width="100px"/>' % (self.card_image.url))

    slide_thumbnail.short_description = 'Thumbnail'

【问题讨论】：

您写的是(% endfor %) 而不是{% endfor %}，因此模板引擎无法理解您关闭了{% for ... %} 循环。
嗨@WillemVanOnsem 即使这样我也遇到了同样的错误
@ichtyocentaurs：在那之后你确实重启了网络服务器？
是的，做到了。还是一样的错误
@ichthyoncentaurs：请问edit更新模板的问题？那是 full 模板吗？

标签： django

【解决方案1】：

在您的模板中，您写的是 ~~(% endfor %)~~ 而不是 {% endfor %}。通过使用圆括号 ((% … %)) 而不是花括号 ({% … %})，模板引擎不会将其视为模板标签，因此您仍然在 {% for … %} 标签中。

因此，您应该重写模板以使用{% endfor %} 而不是~~(% endfor %)~~。

【讨论】：