Javascript 如何侦听Ace编辑器更改事件并作出反应

任何人都可以举一个例子，说明在ACE编辑器（）中，当发生on change事件时，on change事件是如何工作的，使用一个简单的

getValue（）

，并将新文本发送到div？非常感谢，因为除了文档之外，没有关于如何使用Ace编辑器的教程。 谢谢

请参见和

html

编辑
函数foo（items）{var x=“所有这些都是语法突出显示的”；return x；}
输出在这里（单击“go”并在编辑器中编写HTML和js）
---编辑结束---

javascript

var editor=ace.edit（“编辑器”）；
编辑：setTheme（“ace/theme/monokai”）；
editor.getSession（）.setMode（“ace/mode/javascript”）；
关于（'change'，function（））的editor.getSession（）{
更新（）
});
函数update（）//使用id=output写入
{
var val=editor.getSession（）.getValue（）；
var divecho=document.getElementById（“输出”）；
divecho.innerHTML=val；
}

函数

update（）

实现与编辑器关联的

onChange

事件。如果单击“转到”链接，然后在编辑器中写入一个字符，则update（）-函数将编辑器的内容以html（innerHTML）的形式输出到

，其中

id=output

css

#编辑器{
/**设置高度也很重要，否则编辑器将无法显示**/
高度：300px；
}
#输出{
高度：100px；
}

部分收听事件

请参见此线程