Events 使用清理插件更改CodeMirror中的数字值

我在CodeMirror上遇到了麻烦。我正在尝试添加实时数字擦洗，类似于Brett Victor的例子，以及Khan Academy的功能，但我没有太多的运气

我不能发布链接，但我发现这个库完成了任务（由GitHub上的用户FWeinb制作），可以完成我想要的任务，但我注意到，尽管数字似乎已经更改，但只要我在CodeMirror中按enter键，然后变量的值重置为原来的值

我正在使用ReactJS，我不太确定如何修复这个问题。每次更改内容时，我都会调用this.replaceRange，这有点可笑，但一定有更好的方法。下面是我的代码片段。这不是我理想中想要的，只是出于测试目的：

this.cm.on('dblclick', this.handleDblClick.bind(this))
...
handleDblClick() {
  let matches = document.querySelectorAll(".cm-number");
  let scrub = new Scrubbing (matches[0], 
    { driver : 
              [ 
                Scrubbing.driver.Mouse,
                Scrubbing.driver.MouseWheel,
                Scrubbing.driver.Touch
              ]
    })
  matches[0].addEventListener('DOMSubtreeModified', () => {
    //console.log('change detected')
  })
}

因此，我知道，目前洗涤器编辑以下内容：

，但实际的底层数据不会随洗涤器更新，也不会持久化。有没有人能解释一下我应该在这里做什么，这样编辑器中的变量值就可以通过scriber实时更新，并且在新的操作中保持该值