javascript – Shadow DOM中的ContentEditable？

我正在尝试为contenteditable创建一个Polymer元素.

我创建了一个contenteditable div,将this.innerHTML放在那里,它变得可编辑.聚酯填充物都很好,例如在Firefox中.但它在使用原生Shadow DOM的Chrome 35中不起作用.

好吧,它仍然是可编辑的,但document.execCommand和window.getSelection都不起作用.

> document.execCommand什么都不做.
> window.getSelection().getRangeAt(0).toString()已定义但为空.
>未显示错误.

所以我无法选择样式.

有人知道是否可以制作自定义可编辑元素？我究竟做错了什么？也许还有另一种方式可以在现代/未来的网络中与满足一起工作？

解决方法:

根据规范1的选择对于实现者来说有点开放.它确实提到：

Accordingly, selections may only exist within one node tree, because they are defined by a single range. The selection, returned by the window.getSelection() method never returns a selection within a shadow tree.

The getSelection() method of the shadow root object returns the current selection in this shadow tree.

你试过影子根的getSelection()吗？

标签：javascript,polymer,contenteditable,web-component,shadow-dom
来源： https://codeday.me/bug/20190624/1278699.html