首先，这类似于这些：
在 IE 中编辑 iframe 内容 - 维护文本选择的问题
如何使用 html 子元素在 contenteditable div 中获取插入符号位置？
基本上，我正在写一些类似于 twitter 中新的推文编辑器的东西。在div带有contentEditable设置的情况下，我正在解析文本。当我检测到我认为是 URL 时，我会删除该文本并输入<a>div 内的标签（例如，输入的消息go to www.google.com变为Go to <a href='..'>www.google.com</a>。但是，当我这样做时，插入符号的位置会丢失。
只要您不编辑 DOM（如他所说），在其他 SO 帖子中使用 @Tim-Down 的建议只会起作用。我正在编辑 DOM，所以插入符号的位置丢失了。
是否有可能（理想情况下不使用引用的 Rangy 库）通过处理当前代码来实现这一点。
我目前拥有的代码（来自其他 SO 帖子）：
var saveSelection, restoreSelection;
if (window.getSelection) {
// IE 9 and non-IE
saveSelection = function(win) {
var sel = win.getSelection(), ranges = [];
if (sel.rangeCount) {
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
ranges.push(sel.getRangeAt(i));
}
}
return ranges;
};
restoreSelection = function(win, savedSelection) {
var sel = win.getSelection();
sel.removeAllRanges();
for (var i = 0, len = savedSelection.length; i < len; ++i) {
sel.addRange(savedSelection[i]);
}
};
} else if (document.selection && document.selection.createRange) {
// IE <= 8
saveSelection = function(win) {
var sel = win.document.selection;
return (sel.type != "None") ? sel.createRange() : null;
};
restoreSelection = function(win, savedSelection) {
if (savedSelection) {
savedSelection.select();
}
};
}
我像这样使用它：
$('div').on('keyup paste', function(e) {
var ranges = saveSelection(window);
var newContent = /* Get the new HTML content */;
$('div').html(newContent);
restoreSelection(window, ranges);
});