input - CodeMirror 6，如何在输入/更新/更改事件中获取编辑器值？

Question

我想要一个CodeMirror 6 编辑器实例的内容/值反射(reflect)在一个外部变量中，当文本改变时变量改变/同步。

如何在 CodeMirror 6 中做到这一点？

伪代码

let sync_val = "";

import {EditorView} from "@codemirror/view"
import {EditorState} from "@codemirror/state"

let myView = new EditorView({
  state: EditorState.create({doc: "hello"}),
  parent: document.body
})

myView.onChange(function(val) {
  sync_val = val;
});

Answer 1

以下工作(使用 updateListener 扩展):

let sync_val = "";

import {EditorView} from "@codemirror/view"
import {EditorState} from "@codemirror/state"

let myView = new EditorView({
    state: EditorState.create({
        doc: "hello",
        extensions: [
            EditorView.updateListener.of(function(e) {
                sync_val = e.state.doc.toString();
            })
        ]
    }),
    parent: document.body
})