monaco-editor - Monaco Editor 'onChange' 事件？

Question

我刚刚开始研究将 Monaco 用作我们内部代码游乐场的编辑器。而且我无法弄清楚如何为编辑器窗口中的文本更改(通过键入、粘贴或删除)创建处理程序。对于上下文，使用 CodeMirror 编辑器，我只是做了:

editor.on('change', function(editor, change) {
    render();
});

这是我创建基本编辑器的 JavaScript:

    require.config({ paths: { 'vs': '../node_modules/monaco-editor/min/vs' }});
require(['vs/editor/editor.main'], function() 
{
    window.editor = monaco.editor.create(document.getElementById('editor'),                 
    {
        value: [
            'var canvas = document.getElementById("playground");',
            'var ctx = canvas.getContext("2d");',
            'ctx.fillStyle = "#FF00FF";',
            'ctx.fillRect(0,0,150,75);',
        ].join('\n'),
        language: 'javascript'
    });
});

谢谢!

Answer 1

我找到了 onDidChangeContent前几天的方法。
在您的示例中，您将像这样附加监听器:

window.editor.getModel().onDidChangeContent((event) => {
  render();
});