wagtail - Wagatil 多风格段落

Question

实现多样式文本段落(没有固定结构)的首选方法是什么？

我正在考虑使用 a b 和 c 类扩展 RichTextField？

p {
  font-size: 20px;
}

.a {
  font-size: 200%;
  color: red;
  font-wight: bold;
}

.b {
  font-size: 80%;
  color: blue;
}

.c {
  font-size: 140%;
  color: green
}

<p>
  <span class="a">Multi</span>style
  <span class="b">Site</span>
  <span class="c">claim</span>
  are terrible, but necessary.
</p>

Answer 1

我相信您正在寻找StructBlock 。但是，我一定要问:您使用这些不同颜色的文本字段的目的是什么？ Wagtail 可能已经有一个适合您的用例的预定义字段，例如 BlockQuoteBlock。如果没有，您可以创建自己的 block 。

在您的应用程序模型中，您将添加一个如下所示的 block 类:

class ParagraphBlock(blocks.StructBlock):
    red_paragraph = blocks.TextBlock(required=False)
    blue_paragraph = blocks.TextBlock(required=False)
    green_paragraph = blocks.TextBlock(required=False)

    class Meta:
       icon = 'text'
       # if desired, you can add a block template
       # template = 'paragraph_block.html'

如果您需要更多自定义，您还可以创建 custom template对于 block 。

另请参阅此问题的答案 question ，这与您正在寻找的内容类似。