Django 定制Wagtail Streamfield

有人能提供创建Wagtail.io网站首页预览的Wagtail Streamfield选项所需的代码吗

---

具体来说，我对对齐图像、宽图像、Bustout、原始HTML和标记感兴趣。

本页介绍如何使用StreamField（块）自由格式化页面内容。

您可以对任何内置块进行子类化，并提供自己的模板：

class WideImage(ImageChooserBlock):
    class Meta:
        label = 'Wide image'
        icon = 'image'
        template = 'website/blocks/wide_image.html'

{% load app_tags %}
{{ self|md }}

html由您决定：

{% load wagtailimages_tags %}

{% image self width-1024 as img %}
<img src="{{ img.url }}" class="image--wide">

确切的标记和样式应该是什么，取决于当前的前端标记和样式

对齐图像、宽图像和Bustout可以通过相同的方式实现。简单的标记和少量的css

原始HTML是一个现有的块

您可以将降价存储在文本块中。

将标记转换为html是一个三行自定义字符串筛选器：

@stringfilter
def md(value):
    return markdown2.markdown(value)

在模板中使用它：

class WideImage(ImageChooserBlock):
    class Meta:
        label = 'Wide image'
        icon = 'image'
        template = 'website/blocks/wide_image.html'

{% load app_tags %}
{{ self|md }}

---

本页介绍如何使用StreamField（块）自由格式化页面内容。

您可以对任何内置块进行子类化，并提供自己的模板：

class WideImage(ImageChooserBlock):
    class Meta:
        label = 'Wide image'
        icon = 'image'
        template = 'website/blocks/wide_image.html'

{% load app_tags %}
{{ self|md }}

html由您决定：

{% load wagtailimages_tags %}

{% image self width-1024 as img %}
<img src="{{ img.url }}" class="image--wide">

确切的标记和样式应该是什么，取决于当前的前端标记和样式

对齐图像、宽图像和Bustout可以通过相同的方式实现。简单的标记和少量的css

原始HTML是一个现有的块

您可以将降价存储在文本块中。

将标记转换为html是一个三行自定义字符串筛选器：

@stringfilter
def md(value):
    return markdown2.markdown(value)

在模板中使用它：

class WideImage(ImageChooserBlock):
    class Meta:
        label = 'Wide image'
        icon = 'image'
        template = 'website/blocks/wide_image.html'

{% load app_tags %}
{{ self|md }}

---

签出此源代码也可能有帮助：签出此源代码也可能有帮助：