鹡鸰图像模板的标签答案

【问题标题】：Wagtail Image template tags鹡鸰图像模板的标签
【发布时间】：2014-05-28 06:59:46
【问题描述】：

我正在使用 Django 变体 CMS Wagtail，并正在尝试为它构建自己的模板。

我可以将图片上传到 Wagtail CMS 的富文本字段中，如下所示：

在我的模板的 html 中，我希望能够调用上传到正文中的特定图像，以便我可以使用 js 为这些特定图像设置不同的样式。也许像 {{ body.image }} 之类的？

html:

{% extends 'wagweb/base.html' %}

{% load rich_text static compress cache image_tags pageurl %}

{% block content %}
<div class="box">
<article class ="content">

        {{ self.body | richtext }}
</article>
</div>

{% endblock %}

我现在迷路了，因为我不知道如何找到预先存在的标签字典（如果有的话）或创建一个而不弄乱views.py？或者将markdown 安装到richtextfield 并从那里工作会更直接吗？

我对 html 和 css 更加熟悉，因此一种解决方案是简单地将所有内容都写在 html 中，然后使用 {{ MEDIA_URL }} 来调用特定的图像。但这似乎是使用 Wagtail 和 Django 的一种不明智的方式。

【问题讨论】：

用 javascript 设置图片样式是什么意思？你想达到什么目的？

标签： django django-templates wagtail

【解决方案1】：

目前富文本编辑器不支持具有自定义属性（如 CSS 类）的嵌入图像。它也不为富文本字段提供 HTML 源代码编辑器。

但是，如果您不需要将图像与富文本内联（而是在文本之前或之后，您可以使用 InlinePanel 指向使用 ParentalKey 的表格将它们包含在页面模型中. 然后，在您的模板中，您可以循环遍历多个图像并应用专门的 CSS 类。Wagtail demo project 使用此方法创建图像轮播。您可以在此处找到有关使用ParentalKey/InlinePanel 的更一般策略的一些解释Editing API。

【讨论】：