1

我在交互式计算机编程教程 (codeavengers.com) 中使用 ACE 编辑器。

对于某些课程，我试图一次向 2 位 ACE 编辑器展示。它适用于 Firefox 和 Chrome，但不适用于 Safari 5.1 或 IE9（我不关心 IE8 和 IE7）。

这是我的测试页面的代码。

<!doctype html>

<html><head>
<script src="ace/src/ace.js" type="text/javascript" charset="utf-8"></script>
<style>
.editor {
    width: 500px;
    height: 500px;
    position: absolute;
}
#editor2 {
    left: 550px;
}
</style>

<script type="text/javascript">
window.onload = function() {
    ace.edit("editor1").getSession().setValue('This is the first editor');
    ace.edit("editor2").getSession().setValue('This is the second editor');
};
</script>
</head>

<body>
    <div id="editor1" class="editor"></div>
    <div id="editor2" class="editor"></div>
</body></html>

在 IE9 中，第二个编辑器工作正常，但第一个编辑器不工作。

4

2 回答 2

0

Ace 需要定位absolute或relative在根元素上。

于 2012-04-16T14:49:49.937 回答
0

没有得到任何有效的答案，所以我选择为第一个编辑器使用 ace 编辑器，如果浏览器不是 Chrome 或 Firefox，则为第二个编辑器使用只读的美化元素。

于 2012-07-11T11:00:02.220 回答