在contenteditable div前面和後面插入節點/元素

我在GWT應用程序中有一個contenteditable div，當我按下退格鍵或刪除鍵時，我想要在節點位置前後得到節點並檢查它是否是文本節點與否。在contenteditable div前面和後面插入節點/元素

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

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

任何解決方案都將是值得讚賞的。

問候。

來源

2013-03-23 Nitish Borade

你可以請求發佈一些代碼。 – 2013-03-23 06:50:54

我正在尋找代碼來獲取當前插入符號位置之前/之後的節點。這可能是一些JavaScript，我可以在JSNI方法中使用。 – 2013-03-23 07:02:47

Element element = DOM.createDiv（）; element.setAttribute（contenteditable，「true」）; basePanel.getElement（）。appendChild（element）; 這就是我創建內容可編輯div的方式。 – 2013-03-23 08:47:10

挖掘選擇範圍和類別。他們還沒有瀏覽器兼容，所以你可能會使用

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

的抽象。然後你爲你的div創建一個範圍，在兩端展開它。然後你檢查startcontainer和endcontainer來找出它們的節點類型。

選擇和範圍apis不是太漂亮，與他們合作更多地涉及到必要的，但這是完成它的方式。

來源

2013-03-30 16:14:27 citykid

在contenteditable div前面和後面插入節點/元素

回答

相關問題