鹡鸰多样式的段落

问题描述 投票:3回答:1

什么是实现(无固定结构)的多样式的文本段落的首选方式?

我在想扩大与RichTextField abc

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>
wagtail
1个回答
0
投票

我相信你正在寻找一个StructBlock。不过,我想一定要问:你在使用这些不同颜色的文本字段?鹡鸰可能已经有一个预定义的现场为您的使用情况下,如BlockQuoteBlock。如果没有,你可以让自己的块。

在您的应用程序模型中,您将添加一个块类,看起来是这样的:

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

又见这个问题的答案question,这类似于你在找什么。

© www.soinside.com 2019 - 2024. All rights reserved.