div 中的 contentEditable javascript 插入符位置

我有一个contentEditable div.

假设用户单击一个按钮，将 HTML 插入可编辑区域。

因此，他们单击一个按钮，以下内容将添加到innerHTML of the contentEditable div:

<div id="outside"><div id="inside"></div></div>

如何自动将光标（即插入符号）放置在“内部”div 中？ 更糟糕的是，这如何在 IE 和 FF 中工作？

For IE:

var range= document.body.createTextRange();
range.moveToElementText(document.getElementById('inside'));

range.select();

对于 Mozilla：

var range= document.createRange();
range.selectNodeContents(document.getElementById('inside'));

var selection= window.getSelection();
selection.removeAllRanges();
selection.addRange(range);

理论上，Mozilla 版本也应该可以在 Webkit 和 Opera 中运行。实际上，Webkit 不会选择任何内容，而 Opera 会选择整个页面。叹。这仍然不是一个得到良好支持的领域。