在ContentEditable中插入標籤之外放置插入符號

Question

我正在使用document.execCommandinsertHTML方法將span標籤插入到contentEditable div中。

插入後，我希望在輸入的末尾設置插入符號，以便任何其他輸入都在最後插入的跨度標記之外。至少在Chrome中，默認行爲是在標籤本身內放置更多輸入。

Answer 1

，我想出了可怕的黑客是插入立即後記另一span元素：

document.execCommand('insertHTML', false, '<span>&nbsp;</span>'); 

現在，新的內容進入這個span元素來代替。 希望有更好的解決方案。

Answer 2

我被困在這個以及直到我試過這個。 放置一個 在你插入結束在

document.execCommand('insertHTML', false, '<span>&nbsp;</span>&nbsp;'); 

在你的HTML結束只是把一個空間，我發現它總是修剪將無法正常工作。