javascript - 可以使用 createRange 选择一个空范围吗？

Question

我有以下 JavaScript，我试图用它来将图像插入到我的内容中:

var imgHtml = '<IMG SRC="' + returnValue+ '">';
var $rte = document.parentWindow.document.getElementById(fieldId);
var rteDoc = $rte.document.selection;
var range = rteDoc.createRange();
range.pasteHTML(imgHtml);

如果我选择文本，则此方法有效，但是当我将光标放在内容中(但不选择任何内容)时，图像将插入到页面的左上角，而不是插入到内容中的位置光标。

未选择任何内容时如何在光标位置插入？

仅供引用 - 这只需要在 IE 中工作

Answer 1

使用createTextRange获取光标位置，然后 moveEnd将其偏移指定数量的字符:

var imgHtml = '<IMG SRC="' + returnValue+ '">';
var $rte = document.parentWindow.document.getElementById(fieldId);
var range = $rte.createTextRange();
range.moveEnd('character',0);
range.pasteHTML(imgHtml);