在contenteditable div中的插入位置之前和之后獲取節點/元素

Question

我的GWT應用程序中有一個contenteditable div，當我按退格鍵或刪除鍵時，我想在插入位置之前和之后獲取節點並檢查它是否是文本節點。

Element element = DOM.createDiv(); 
element.setAttribute(contenteditable, "true");
basePanel.getElement().appendChild(element);

這就是我創建內容可編輯div的方法。

任何解決方案都將受到贊賞。

問候。

Answer 1

深入選擇和范圍類。 它們還不兼容瀏覽器，因此您可以使用它們

https://code.google.com/p/rangy/或
jQuery的++

用於抽象。 然后，為div創建一個范圍，在兩端將其展開1。 然后檢查startcontainer和endcontainer以找出它們的節點類型。

選擇和范圍apis不是太漂亮，與它們合作比必要更多，但這是完成它的方法。