Question

我有一个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，但它似乎不起作用。使用插入之前，插入所选内容或与其相邻的元素之前。任何方式使其插入后。通过这种方式，如果用户输入从右到左而不是从从左到右，就会显示出来。

Answer 1

我会尽量避免使用iframe。有没有办法可以通过div或使用JQuery使用AJAX调用来实现目标？这不完全是你所说的，但你可以对你的WYSIWYG编辑器使用相同的想法。 http://techmeout.org/hacking-joomla/

在Iframe文本编辑器中插入After

1 个答案: