如何在flutter_quill包中设置默认文本样式？

要在Quill编辑器中完全强制使用特定文本样式（比如固定12号字号），仅限制工具栏选项是不够的，还需要从文档初始化和内容拦截两方面入手，确保所有输入内容都应用目标样式。

1. 初始化带默认样式的文档 #

创建QuillController时，为文档设置默认段落样式，确保新输入的内容从一开始就使用指定样式：

late final quill.QuillController _controller;

@override
void initState() {
  super.initState();
  // 定义强制使用的文本样式
  final defaultTextStyle = const TextStyle(
    fontSize: 12,
    color: Colors.black,
    // 可添加其他强制样式，例如 fontFamily: 'PingFang SC'
  );
  
  // 创建带默认块样式的文档
  final defaultBlockStyle = quill.DefaultTextBlockStyle(
    defaultTextStyle,
    const quill.VerticalSpacing(16, 16),
    const quill.VerticalSpacing(0, 0),
    null,
  );
  
  final initialDocument = quill.Document()..insert(0, '\n', defaultBlockStyle);
  
  _controller = quill.QuillController(
    document: initialDocument,
    selection: const TextSelection.collapsed(offset: 0),
  );
}

2. 拦截内容变化，强制应用样式 #

通过监听QuillController的变化，对所有插入的内容自动覆盖样式，包括粘贴的外部内容：

@override
void initState() {
  super.initState();
  // ... 上述初始化代码
  _controller.addListener(_enforceMandatoryStyle);
}

void _enforceMandatoryStyle() {
  final document = _controller.document;
  // 遍历文档所有节点，强制应用目标样式
  for (int i = 0; i < document.length; i++) {
    final node = document.nodeAt(i);
    if (node is quill.TextNode) {
      final currentStyle = node.style;
      // 强制设置字号为12，覆盖原有字号属性
      final updatedStyle = currentStyle.put(quill.Attribute.size, '12');
      // 如需强制其他样式，可继续添加属性
      // updatedStyle = updatedStyle.put(quill.Attribute.color, '#000000');
      
      if (currentStyle != updatedStyle) {
        node.style = updatedStyle;
      }
    }
  }
}

@override
void dispose() {
  _controller.removeListener(_enforceMandatoryStyle);
  _controller.dispose();
  super.dispose();
}

3. 保持工具栏配置限制 #

你当前的工具栏配置已经隐藏了所有可能修改样式的按钮，仅保留字号选择且只显示12号，继续沿用该配置即可：

quill.QuillToolbar.basic(
  fontSizeValues: const {'Small': '12'},
  controller: _controller,
  showAlignmentButtons: false,
  showBackgroundColorButton: false,
  showCameraButton: false,
  showCenterAlignment: false,
  showClearFormat: false,
  showCodeBlock: false,
  showColorButton: false,
  showDirection: false,
  showDividers: false,
  showFontFamily: false,
  showFontSize: true,
  showFormulaButton: false,
  showHeaderStyle: false,
  showImageButton: false,
  showIndent: false,
  showInlineCode: false,
  showJustifyAlignment: false,
  showLeftAlignment: false,
  showLink: false,
  showListCheck: false,
  showListNumbers: false,
  showQuote: false,
  showListBullets: false,
  showSearchButton: false,
  showStrikeThrough: false,
  showVideoButton: false,
  showSmallButton: false,
)

效果说明 #

通过以上三步，编辑器会：

• 新输入内容默认使用12号字号
• 粘贴的外部内容会被自动转换为12号字号
• 工具栏无任何可修改样式的选项，彻底锁定文本样式

内容的提问来源于stack exchange，提问作者Arjun Ranjith