tinymce编辑器的光标位置插入内容时，光标丢失问题解决办法

在上个项目中，碰到这样一个问题：在tinymce编辑器中，想在光标位置插入内容，在弹出的dialog（是跨域的）中选择内容后，点击确定，关闭弹出窗口，将选中的内容信息myHTML插入到编辑器中的记录的光标位置， 我的写法是 :
tinyMCE.execCommand("mceInsertContent", false, myHTML); 
 最后发现火狐FF下是正常的，即在光标地方插入我的内容myHTML，而在IE6/7/8下 ，都会把原来所有的内容都覆盖掉。

 

困扰好几天，发贴提问（http://topic.csdn.net/u/20100812/22/516220a2-9a6a-4820-9ff4-808f75a4dbd9.html）也没人答上，最后还是自己解决了，具体原因和解决办法如下：

 

原因：是由于IE下，在弹出的dialog（是跨域的）中选择内容后，原来的光标位置丢失了，所以导致在插入的时候，找不到原来的光标位置，所以出现以上问题。
解决思路：在弹出窗口前，记录IE的编辑位置，到插入的时候，复位光标位置然后再插入。
解决方法：
 1、 //弹出窗口前，记录IE的编辑光标
  var ieSelectionBookmark;

  if (isIE) {
       ieSelectionBookmark = tinyMCE.get('myEditor').selection.getBookmark

  }
    
  // 在弹出的dialog，点击确定往编辑器插入内容前，复位IE的编辑光标

 if (isIE) {
      tinyMCE.get('myEditor').selection.moveToBookmark(ieSelectionBookmark);

  }
  // 往编辑器插入内容
  tinyMCE.execCommand('mceInsertContent', false, output );
  这个种写法在IE6下是OK的，但是到了IE7、IE8下就失效了，原因是tinyMCE的该API方法不支持IE7、IE8。

2、 //弹出窗口前，记录IE的编辑光标
  var ieSelectionBookmark;

  if (isIE) {
       tinyMCE.activeEditor.focus();
       ieSelectionBookmark = tinyMCE.activeEditor.selection.getBookmark();

   }
    
  // 在弹出的dialog，点击确定往编辑器插入内容前，复位IE的编辑光标

  if (isIE) {
       tinyMCE.activeEditor.selection.moveToBookmark(ieSelectionBookmark);  

  }
  // 往编辑器插入内容
  tinyMCE.execCommand('mceInsertContent', false, output );
这种写法在IE6、7、8下都好用。

参考资料：http://tinymce.moxiecode.com/punbb/viewtopic.php?id=19151