Home/ Questions/Q 8236635
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T19:11:47+00:00

I am using the ACE editor in an interactive computer programming tutorial (codeavengers.com). For

  • 0

I am using the ACE editor in an interactive computer programming tutorial (codeavengers.com).

For some of the lessons I am trying to show 2 ACE editors at once. It works fine with Firefox and Chrome, but does not work with Safari 5.1 or IE9 (I am not bothering with IE8 and IE7).

Here is the code for my test page.

<!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>

In IE9, the 2nd editor works OK, but the 1st editor does not work.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Did not get any valid answers, so I opted to use an ace editor for the 1st editor, and a readonly prettified element for the second editor if the browser is not Chrome or Firefox.

    • 0