изображение в блоке StreamField не распознается

Question

Отображается эта ошибка:

тег 'image' должен иметь вид {% image self.photo max-320x200 [custom-attr = "value" ...]%} или {% imageself.photo max-320x200 as img%}

со строкой 19 {% image block.value as mein_bild%}

Мой шаблон:

{% extends "base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}

{% block content %}

  <div class="notiert">
    <header>
      <h1>{{ page.title }}</h1>
    </header>
   <div class="body">
     {{ page.kurzfassung|richtext }}
     <p>{{ page.first_published_at }}</p>
     {% for block in self.notiert_feld %}
        {% if block.block_type == 'image' %}
           <p>in if image {{ block.value }}</p> 
           {% image block.value as mein_bild %}
           <img {{ mein_bild }} width=530 > 
        {% else %}
          {{ block.value }}
        {% endif %}
    {% endfor %}
    </div>    
  </div>

{% endblock%}

Строка 18 Я использовал для отладки.Если я удаляю строки 19 и 20, отображается имя изображения.

Answer 1

Я думал, что попробовал этот вариант и получил ошибку.Но сейчас это работает.

{% extends "base.html" %}
{% load static wagtailcore_tags wagtailimages_tags %}



{% block content %}


  <div class="notiert">
    <header>
      <h1>{{ page.title }}</h1>
    </header>
      <div class="body">
         {{ page.kurzfassung|richtext }}
         <p>{{ page.first_published_at }}</p>
         {% for block in self.notiert_feld %}
            {% if block.block_type == 'image' %}
                {% image block.value width-530 %}
            {% else %}
                {{ block.value }}
            {% endif %}
         {% endfor %}
    </div>    
  </div>




{% endblock %}

Спасибо за ваш ответ!

Answer 2

Как указано в https://docs.wagtail.io/en/stable/topics/images.html,, вам необходимо включить правило изменения размера, чтобы указать размер, при котором изображение должно отображаться.Если вы не хотите, чтобы размер изображения был изменен, используйте original (хотя имейте в виду, что это может нарушить макет вашей страницы и / или привести к потере пропускной способности, если редактор загрузит увеличенное изображение):

{% image block.value original as mein_bild %}