在修改innerHTML之后，在contentEditable上保存/恢復選擇
[英]Save / restore selection on contentEditable AFTER modifying innerHTML
問題描述
我知道在contentEditable中獲取/設置光標位置幾乎是不可能的。 我不在乎了解這些信息。 我需要能夠保存當前選擇，修改div的innerHTML，然后恢復選擇。
我正在試驗在滿意的選定文本保存和恢復中提供的答案。 它在輸入div之后有效，但在編程修改div的innerHTML之后卻沒有。 相反，當我調用restoreSelection時，插入符號只是開始。
關於如何在修改innerHTML而不是鍵入之后如何在contentEditable上保存/恢復選擇的任何建議將非常感激。
1 個解決方案
解決方案1
2 已采納 2011-11-23 09:46:06
如果您在可編輯元素的現有innerHTML上進行某種字符串替換，則可以使用我的Rangy庫及其保存/恢復選擇模塊。 它使用具有特定ID的不可見元素來標記選擇的開始和結束邊界，因此如果您的innerHTML更改不包含這些元素，那么這將不起作用。
另一種選擇是純粹基於元素的文本節點內的字符索引來完成它。 我在這里寫了一個天真的實現： https ： //stackoverflow.com/q/5596688/96100
修改contentEditable =“true”DIV中的innerHTML會導致焦點丟失或選擇錯誤
[英]Modifying innerHTML in a contentEditable=“true” DIV causes loss of focus or wrong selection
更改innerHTML后，在contenteditable div中更改光標位置
[英]Change cursor position in the contenteditable div after changing innerHTML
更改 contenteditable 元素的 innerHTML 后，將插入符號放回原來的位置
[英]Place caret back where it was after changing innerHTML of a contenteditable element
如何使用 vanilla Javascript 保存和恢復瀏覽器選擇？
[英]How to save and restore the browser selection with vanilla Javascript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
在ContentEditable Div中使用Rangy保存/還原選擇
修改contentEditable =“true”DIV中的innerHTML會導致焦點丟失或選擇錯誤
contenteditable：保存和恢復插入符的位置
contenteditable選定的文本保存和恢復
恢復/保存選擇時出現contenteditable div問題
更改contenteditable后恢復光標位置
在選擇之前和之后插入文本以滿足要求
更改innerHTML后，在contenteditable div中更改光標位置
更改 contenteditable 元素的 innerHTML 后，將插入符號放回原來的位置
如何使用 vanilla Javascript 保存和恢復瀏覽器選擇？
相關標簽