怎么添加子节点html,如何使用html子元素在contenteditable div中获取插入符的位置？...

这里有答案的略微简化的版本：

如果你不改变CONTENTEDITABLE元素的内容，则以下功能会做。在做任何你需要做的事情之前，打电话saveSelection()然后再做restoreSelection()。如果您要更改内容，建议使用我的Rangy图书馆的save/restore selection module。

var saveSelection, restoreSelection;

if (window.getSelection) {

// IE 9 and non-IE

saveSelection = function() {

var sel = window.getSelection(), ranges = [];

if (sel.rangeCount) {

for (var i = 0, len = sel.rangeCount; i < len; ++i) {

ranges.push(sel.getRangeAt(i));

}

}

return ranges;

};

restoreSelection = function(savedSelection) {

var sel = window.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() {

var sel = document.selection;

return (sel.type != "None") ? sel.createRange() : null;

};

restoreSelection = function(savedSelection) {

if (savedSelection) {

savedSelection.select();

}

};

}

使用例：

var sel = saveSelection();

// Do stuff here

restoreSelection(sel);