javascript - 在 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 并不过分漂亮，使用它们比必要的要复杂得多，但这是完成它的方法。