如何调整Wagtail内容面板中TextBlock组件的输入框高度？

方法1：单独调整指定TextBlock高度 #

该方案仅作用于当前配置的TextBlock，不会影响其他同类型组件，操作如下：

1. 先引入Django表单模块：
   from django import forms
2. 修改你的TextBlock配置，新增field_widget参数指定输入框行数，可按需调整rows的数值：

content = blocks.TextBlock(
    max_length=1000,
    help_text = 'Text for the About section. Maximum length is 1000 characters',
    field_widget=forms.Textarea(attrs={'rows': 10})
)

刷新Wagtail内容面板即可看到输入框高度已调整，rows数值越大默认高度越高。

方法2：全局调整所有TextBlock高度 #

如果需要统一修改站点内所有TextBlock的输入框高度，可通过Wagtail钩子注入自定义CSS实现：

1. 在对应Wagtail应用目录下新建wagtail_hooks.py文件（已存在则直接编辑），添加如下代码：

from wagtail import hooks

@hooks.register('insert_editor_css')
def custom_editor_css():
    return """
    <style>
    .field textarea {
        min-height: 180px !important;
    }
    </style>
    """

2. 重启Wagtail服务后配置即可生效，可自行调整min-height的数值适配需求。

额外提示 #

你此前遇到的RichTextBlock自动移除aos自定义类的问题，若后续需要重新使用富文本组件，也可以通过配置富文本的features参数、修改清理规则来保留自定义属性，无需强制切换TextBlock。

内容的提问来源于stack exchange，提问作者Remya Toney Kizhakethalackel