在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以找出它们的节点类型。

选择和范围api并不过分美观，与它们合作比必要更多，但这是完成它的方法。