带有onchange事件的Ace编辑器不工作
Ace editor with an onchange event is not working
我使用Ace编辑器在代码操场上工作,并尝试在Change上使用Ace编辑程序,但当我键入时什么都没有发生。
我的代码是
<style>
html {
padding: 0px
}
#editor {
border-radius: 5px;
width: 500px;
height: 100%
}
</style>
<a href="#" onclick="update()">go</a>
<div id="editor" onChange="update()">
function foo(items) {
var x = "All this is syntax highlighted";
return x;
}
</div>
<script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"
type="text/javascript"
charset="utf-8"></script>
<script>
var editor = ace.edit("editor");
editor.getSession().setUseWorker(false);
editor.setTheme("ace/theme/monokai");
editor.getSession().setMode("ace/mode/html");
editor.getSession().on('change', function() {
update()
});
</script>
<script>;
new function update()
{
var ace = editor.getSession().getValue();
var divecho = document.getElementById("output");
divecho.innerHTML = ace
}
</script>
<div id="output"></div>
new function update()
应该是
function update()
此外,当ace是全局变量时,将其用作局部变量也是不明智的。
相关文章:
- 地理定位在Jsfidle中工作,但不在任何其他JS编辑器中
- JavaScript窗口.位置不;我不在内容编辑器Web部件中工作
- JS不工作:Sublime 3编辑器-Var main=函数()-=不是“”;激活“;(功能新手)
- Google Drive SDK示例python DrEdit不工作(身份验证时闪烁,编辑器未显示)
- 使用 django-froala-editor,编辑器在管理页面中工作不会在帖子页面中工作吗?未捕获的类型错误: $(.
- CKEDITOR 拖放插件集成在编辑器实例销毁并重新创建后停止工作
- 将图像附加到富文本编辑器dosen'我不在IE工作
- dijit中的TinyMCE编辑器.对话框:链接对话框不工作
- WooCommerce Checkout字段编辑器(minDate)不工作
- TinyMCE Javascript所见即所得编辑器不能与Ember js一起工作
- 箭头键和删除在Ace编辑器中工作,但键入文本不起作用
- 富文本编辑器是如何工作的,如何构建一个基本的文本编辑器
- 我的正则表达式在在线编辑器中工作,但在FireBug中,它使浏览器崩溃
- 王牌编辑器:一切工作,除了能够在编辑器中输入文本
- 无法让Eclipse AngularJS插件中的Angular编辑器正常工作
- 拖放图像不工作在tinymce文本编辑器
- Ck编辑器语言插件不工作
- 文本编辑器工作在
- Ace代码编辑器自动完成不工作
- addEventListener在plnkr编辑器中不工作,而在外部文件中执行脚本