Flutter：如何用Text组件显示Quill Controller文本并隐藏只读编辑器光标？

设置readonly: true后仍出现光标，是因为编辑器仍能获取焦点，可通过以下两种方式解决：

• 自定义FocusNode禁用焦点：创建一个FocusNode并设置canRequestFocus: false，传给QuillEditor的focusNode参数，彻底阻止编辑器获取焦点：

final _focusNode = FocusNode(canRequestFocus: false);

QuillEditor(
  controller: _controller,
  readonly: true,
  focusNode: _focusNode,
  // 其他配置项
)

• 用AbsorbPointer屏蔽交互：如果不需要任何点击、选中等交互，可以用AbsorbPointer包裹QuillEditor，直接阻止所有输入事件：

AbsorbPointer(
  absorbing: true,
  child: QuillEditor(
    controller: _controller,
    readonly: true,
    // 其他配置项
  ),
)

Text组件仅支持纯文本，必然丢失原文档格式，推荐用Quill官方组件渲染带格式内容：

• 优化后的readonly QuillEditor：解决光标问题后，它本身就是最适配的格式展示组件，能完整保留原文档的字体、颜色、列表、段落样式等。

• 轻量渲染用QuillText：如果不需要编辑器的工具栏等冗余功能，可以直接用QuillText组件渲染文档：

QuillText(
  document: _controller.document,
  style: DefaultTextStyle.of(context).style,
  // 可根据需求自定义样式配置
)

注：若你的quill_flutter版本较低，可能需要升级依赖以支持QuillText组件。

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