Tag: 代码编辑器

Ace Editor能否在一个页面中支持多个代码编辑器？

我正在寻求在一个屏幕上实现一个网络应用程序，该应用程序具有“编码竞争”的样式界面，其中包含2个不同的代码编辑器。 一个将是只读的，另一个将是活动的，并允许用户编辑。 我目前正在使用Ace Editor，我觉得它很棒且易于使用。 但是，这是我的问题。 尝试在单个页面中实现2个不同的编辑器时，我似乎遇到了错误。 未捕获RangeError：超出最大调用堆栈大小 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文件的代码： 在此先感谢您的回复！