我正在寻求实现一个网络应用程序,该应用程序具有“编码竞赛”风格的界面,在一个屏幕上有 2 个不同的代码编辑器。一个将是只读的,另一个将是活动的并允许用户进行编辑。
我目前正在使用 Ace Editor,我发现它非常棒且易于使用。
然而,这是我的问题。我在尝试在单个页面中实现 2 个不同的编辑器时似乎遇到了错误。
未捕获的范围错误:超出最大调用堆栈大小
js脚本中的变量“editor”是受限制的词还是使用什么变量名并不重要?
这是我的 JS 文件中的代码:
var editorFirst = ace.edit("editorFirst");
var editorSecond= ace.edit("editorSecond");
setupEditor();
function setupEditor() {
editorFirst.setTheme("ace/theme/eclipse");
editorFirst.getSession().setMode("ace/mode/javascript");
editorFirst.setShowPrintMargin(false);
editorFirst.setHighlightActiveLine(true);
editorFirst.resize();
editorFirst.setBehavioursEnabled(true);
editorFirst.getSession().setUseWrapMode(true);
document.getElementById('editorFirst').style.fontSize = '14px';
editorSecond.setTheme("ace/theme/eclipse");
editorSecond.getSession().setMode("ace/mode/javascript");
editorSecond.setShowPrintMargin(false);
editorSecond.setHighlightActiveLine(true);
editorSecond.resize();
editorSecond.setBehavioursEnabled(true);
editorReducer.getSession().setUseWrapMode(true);
document.getElementById('editorSecond').style.fontSize = '14px';
}
这是我的 html 文件代码:
<script src="../assets/js/main.js"></script>
<script src="../assets/js/src/ace.js" type="text/javascript" charset="utf-8"></script>
<div id="editorFirst"></div>
<div id="editorSecond"></div>
预先感谢您的回复!
我所做的不是使用 id 编辑器,而是将其设置为一个类,因此代码
然后我就迭代了每个编辑器。
var editor;
$('.editor').each(function( index ) {
editor = ace.edit(this);
editor.getSession().setMode('ace/mode/csharp');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)