tinyMce setcontent problem in IE

1
votes

The problem is with TinyMce library on wordpress , when run with Internet Explorer( 7 or 8).

When I add content (like "<h1> hey </h1>"), it adds the content in Firefox/Chrome at the right place, but in IE, it adds to the start of the page (above everything).

Here is the code I use

var txt = "<h1> hey </h1>";

var ed = tinyMCE.getInstanceById(domElementId); // domElementId is the div ID for the textarea where i am adding the content.
ed.selection.setContent(txt);

Can anyone suggest what could be the reason/fix ? Thanks.

2
javascriptwordpressinternet-explorer-8tinymce
Never mind. I figured out that I dont need the selection instance. ed.setContent() works. - sbr

2 Answers

2
votes

Had the same problem using TinyMCE on Internet Explorer 8, here is the solution I have found:

var ed = tinyMCE.getInstanceById(domElementId);
*ed.focus();*
ed.selection.setContent(txt);

The missing part was the one where focusing.

1
votes

use ed.setContent() instead of using ed.selection.setContent(). It will work fine in IE