dart - 如何在 Quill 文本编辑器 (Flutter) 中监听 Text-Change

Question

我只熟悉 HTML/CSS/JS，以及 dart/flutter 的基础知识

开发人员级别：初学者
项目类型和语言：我正在为自己开发一个笔记应用程序，使用颤振。

我的目标是在我更新文本后立即保存我的笔记......为此我需要使用 dart 函数在每个“文本更改”事件上运行......

如何使用 Quill Editor 的Text-Changes事件来检测内容的变化

下面给出了 JAVASCRIPT 中的等效项，但我不知道如何做 DART 和 Flutter。

quill.on('text-change', function(delta, oldDelta, source) {
  if (source == 'api') {
    console.log("An API call triggered this change.");
  } else if (source == 'user') {
    console.log("A user action triggered this change.");
  }
});

Answer 1

您可以收听 quill 文档更改流并进行相应处理。

_controller.document.changes.listen((event) {
  print(event.item1); //Delta
  print(event.item2); //Delta
  print(event.item3); //ChangeSource
});

Answer 2

我也遇到了这个问题。 经过几个小时的研究，我找到了解决方案。 你可以为你的QuillController添加一个监听器，它会在每个编辑器事件上被调用，比如按键或工具栏操作。 使用 State 类中的initState()方法添加侦听器。

class _TextEditorState extends State<TextEditor> {

  final QuillController _controller = QuillController.basic();

  @override
  void initState() {
      _controller.addListener(() {
      print('Here I am, rock me like a hurricane!!!');
    });
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    // Build your Widget with QuillToolbar and QuillEditor here...
  }
});