如何在 Dart 中获取选定的文本或内部 html

Question

如何使用 dart:html 获取当前选择的文本或内部 html？我使用 div 的 on-mouseup 事件作为起点：

<div on-mouseup="{{on_mouseup}}">

void on_mouseup(MouseEvent e, var detail, DivElement src) {
  final selection = window.getSelection();
  // do somthing 
  // ..
  // final selectedText = ..;

  window.alert("Selected text is $selectedText!");
}

例子：

变量selectedText的值应该是'window.getSel'

Answer 1

src.innerHtml` or `src.text

print(window.getSelection().getRangeAt(0).cloneContents().innerHtml);
print(window.getSelection().getRangeAt(0).cloneContents().text);

PolymerElement 中还有一个shadowRoot.getSelection()。

print(shadowRoot.getSelection().getRangeAt(0).cloneContents().innerHtml);
print(shadowRoot.getSelection().getRangeAt(0).cloneContents().text);

我在自定义元素之外、在元素的影子 DOM 中以及作为自定义元素的子元素中尝试了它。

There are some issues what can be selected when the selection crosses the shadow boundary (immediately selects the entire content of the shadow DOM. Beside from that document.getSelection() and shadowRoot.getSelection() always return the same result.

似乎getSelection 在结束（鼠标向上）位于影子 DOM 内时不起作用。 When the selection starts in the shadow DOM and ends in the (child) content it works but not the other way around.

我认为这是一个错误。