Python {{block.super}} {%endblock%} “我必须这样做吗”-如果你如此发自内心地不同意Wagtail自己的图像处理方法，那么是的，你几乎必须将框架拆成碎片来做你想做的事情。也许一个更集中的问题（“为什么Wagtail做X件事”或“我如何

{{block.super}} {%endblock%}

---

“我必须这样做吗”-如果你如此发自内心地不同意Wagtail自己的图像处理方法，那么是的，你几乎必须将框架拆成碎片来做你想做的事情。也许一个更集中的问题（“为什么Wagtail做X件事”或“我如何禁用行为Y”）会帮助我们提出一个更具建设性的方法？我还没有读过这里的文章墙。。但问题的标题表明部分问题与实际问题无关。。。您是否可以编辑它，以明确您遇到了什么问题，或者您正试图解决什么问题？我正在尝试使普通的Wagtail图像插入方法生成一个响应性设计的页面，从而实现引导的承诺，这是Puput的一部分。我说得很清楚——根据我的经验，当你进入小屏幕时，图像不会适当收缩（除非你使用挂钩机制来允许设置

width=“100%”

）。因此，如果你愿意，@gasman，“为什么当我使用‘Wagtail自己的图像处理方法’时，Wagtail不生成一个响应性强的设计页面……这样我就可以避免‘将框架砍成碎片’？”Wagtail本身故意不参与所有前端样式决策，也不提供任何自己的CSS，这让你感到困惑（或在本例中为Puput）根据需要设置。因此，缺乏响应性是一个Puput问题，而不是一个摇摆不定的问题……我已经给出了答案，但请注意，我自己没有任何Puput经验，因此这应该被视为未经测试和推测。@gasman，一个非常清楚和有用的评论。另请参阅我对你答案的评论。“我必须这样做吗”-如果你如此发自肺腑地不同意Wagtail自己的图像处理方法，那么是的，你必须将框架分解成碎片来做你想做的事情。也许是一个更集中的问题（“Wagtail为什么做X件事”或“我如何禁用Y行为”）是否可以帮助我们提出一种更具建设性的方法？我没有读过这里的文章。但问题标题表明部分内容与实际问题无关…您是否可以编辑它以明确您遇到的问题或您试图解决的问题？我正在尝试使普通的摇尾图像插入方法生效uce是一个响应性设计的页面，因此实现了引导的承诺，这是Puput的一部分。我已经说得很清楚了——根据我的经验，当你进入小屏幕时，图像不会适当收缩（除非你使用挂钩机制来允许设置

width=“100%”

）因此，如果你愿意，@gasman，“当我使用‘Wagtail自己的图像处理方法’时，为什么Wagtail不生成一个响应性强的设计页面……这样我就可以避免‘将框架砍成碎片’？“Wagtail本身故意不参与所有前端样式设计决策，也不提供自己的CSS，只留下您（或者在本例中是Puput）根据需要设置。因此，缺乏响应性是一个Puput问题，而不是一个摇摆不定的问题……我已经给出了答案，但请注意，我自己没有任何Puput经验，因此这应该被视为未经测试和推测。@gasman，一个非常清楚和有用的评论。另请参阅我对您答案的评论。非常感谢。这会有帮助，我会继续这样做。昨晚我发现了你。你提供的文档参考的更新链接是。文档示例没有显示

img responsive'

类，但我应该想到这一点。这可能不起作用吗？我有时间测试它，如果我添加

高度：100%；

也一样（否则图像会水平而不是垂直地滑稽地缩小）。除了你关于puput模板修改的提示页面之外，我还可以添加，这并不矛盾。我没有将

img.full width

css放在内容块中，而是放在我自己的base.html文件的头部。再次感谢。非常感谢。这会有所帮助，我会继续做下去。昨晚我发现了一个更新的链接，指向您当时提供的文档引用是。文档示例没有显示

img responsive'

类，但我应该想到这一点。这可能不起作用吗？我已经有时间测试了这一点，如果我添加

height:100%；

，它的效果会很好（否则图像会水平而不是垂直地被滑稽地缩小）。除了你关于puput模板修改的提示页面，我可以添加，这并不矛盾。我没有将

img.full width

css放在内容块中，而是放在我自己的base.html文件的头部。再次感谢。

from wagtail.wagtailcore import hooks
from wagtail.wagtailcore.whitelist import attribute_rule, check_url, allow_without_attributes
from django.utils.html import format_html

# This one is from the esteemable jerel.
@hooks.register('insert_editor_js')
def enable_source():
    return format_html(
        """
        <script>
            registerHalloPlugin('hallohtml');
        </script>
        """
    )

# This is modified from the Wagtail docs example.
@hooks.register('construct_whitelister_element_rules')
def whitelister_element_rules():
    return {
        'blockquote': allow_without_attributes,
        'a': attribute_rule({'href': check_url, 'target': True}),
        'img': attribute_rule({'src': True, 'width': True, 'height': True, 'alt': True, 'style': True}),
        'p': attribute_rule({'style': True, 'class': True}),
    }

{% extends "puput/base.html" %}
{% block content %}
    <style>
        img.full-width {
            width: 100%;
        }
    </style>
    {{ block.super }}
{% endblock %}