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 では、2 番目のエディタは正常に動作しますが、1 番目のエディタは動作しません。

4

2 に答える 2

0

エースは位置absoluteまたはrelativeルート要素上に必要です。

于 2012-04-16T14:49:49.937 に答える
0

有効な回答が得られなかったので、ブラウザーが Chrome または Firefox でない場合は、最初のエディターに ace エディターを使用し、2 番目のエディターに読み取り専用の整形済み要素を使用することにしました。

于 2012-07-11T11:00:02.220 に答える