Django

Question

使用 Wagtail 2.16.1，我有一个 BlogPage 模型，其中包含一个 body 字段，它是一个 RichTextField.

当我将 {{ page.body|richtext }} 放入模板时，呈现的 HTML 包含各种 html 元素，正如预期的那样。我想为这些元素指定 (tailwind) 类。

例如richtextfield 中的每个 <p> 元素都应该有 <p class="mx-2 my-3">，h2 元素应该有 <h2 class="mt-5">，等等

Answer 1

一种方法是将 {{ page.body|richtext }} 标签包裹在父标签 div 中，其中包含一些特定的 class，例如“wagtail-richtext”，然后使用 CSS选择器将特定样式应用于具有 wagtail-richtext 父元素的 <p> 元素。

不知道有没有别的方法可以避免写new CSS classes.

下面的这个例子是为了添加 tailwind classes。如果你想要正常的 css 没有顺风，删除任何以 @.

开头的东西

模板：

<div class="wagtail-richtext">
  {{ page.body|richtext }}
</div>

CSS 文件:

@tailwind base;
@tailwind components;

.wagtail-richtext p {
    @apply mt-5
}

Django - Wagtail：如何将类添加到从 RichTextField 生成的 HTML 元素