Javascript 在Iframe文本编辑器中插入后面

我有一个iframe文本编辑器。对于插入图像，我有一段代码：

.
.
.
  var sel = document.getElementById('wysiwygtextfield').contentWindow.getSelection();
  // get the first range of the selection (there's almost always only one range)
  var range = sel.getRangeAt(0);

  // deselect everything
  sel.removeAllRanges();

  // remove content of current selection from document
  range.deleteContents();

  // get location of current selection
  var container = range.startContainer;
.
.
.
 **afterNode = container.childNodes[0];
 container.insertBefore(insertNode, afterNode);**
 // This does not work
 // container.insertAfter(insertNode, afterNode);

---

问题在于最后两行。我尝试使用

insertAfter

，但似乎不起作用。在选定内容或与其相邻的元素之前插入。任何方法都可以让它插入后。这样一来，用户就好像从右向左而不是从左向右打字一样。

我会尽量避免使用iframe。有没有一种方法可以通过div或JQuery使用AJAX调用来实现您的目标？这并不是你所说的，但是你可以用同样的想法来编辑你的所见即所得