1
私は対話型コンピュータプログラミングチュートリアル（codeavengers.com）でACEエディタを使用しています。IE9とSafari 5の1ページに2つの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では、第2エディタは正常に動作しますが、第1エディタは機能しません。
ブラウザがChromeまたはFirefoxでない場合、第1エディタにはエースエディタを使用し、ブラウザには第2エディタ用に読み込み専用の要素を使用することを選択しました。 – Mike