Login Register

Editor does not work with IE

Hello,

I am not sure it is known issue or not.
Editor does not work with html which contains event attribute like following code in IE.

How can I solve this problem ?

Thanks,

Youngho

<head>
<title>Editor Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
<style type="text/css">
@import "../../dojo/resources/dojo.css";
@import "css/dijitTests.css";
.mover {
cursor:pointer;
background-color:#FFC !important;
}
</style>

<script type="text/javascript" src="../../dojo/dojo.js"
djConfig="parseOnLoad: true, isDebug: true">
</script>
<script type="text/javascript" src="_testCommon.js"></script>

<script type="text/javascript">
dojo.require("dijit.Editor");
dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
dojo.require("dijit._editor.plugins.EnterKeyHandling");
dojo.require("dijit._editor.plugins.FontChoice"); // 'fontName','fontSize','formatBlock'
dojo.require("dijit._editor.plugins.TextColor");
dojo.require("dijit._editor.plugins.LinkDialog");
dojo.require("dojo.parser"); // scan page for widgets and instantiate them

function mover(node) {
dojo.addClass(node, "mover");
}
function mout(node) {
dojo.removeClass(node, "mover");
}
function loadEditor(node) {
new dijit.Editor({height: '', extraPlugins: ['dijit._editor.plugins.AlwaysShowToolbar']}, dojo.byId(node));
};
</script>
</head>
<body>
<h2>Programmatic creation1</h2>
<div id="creation1">

<span>Hello</span>
<span>Hello Normal</span>

</div>
<button
id="create2"
onclick="loadEditor('creation1');">

create expanding editor 1
</button>

<h2>Programmatic creation 2 - Editor does not work in IE</h2>
<div id="creation2">

<span>Hello</span>
<span onmouseover="mover(this);">Hello Over Effect</span>

</div>
<button
id="create2"
onclick="loadEditor('creation2');">

create expanding editor 2
</button>
</body>