1

我正在使用 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 的一种不明智的方式。

4

1 回答 1

2

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

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

于 2014-06-06T19:03:06.860 回答