简体中文

useTextSelection

Tags:

Sensors

一个 React Hook，用于获取文档的选择状态。

演示

源码

Culpa labore ipsum dolore labore nisi quis sed!

Selected text:

(Nothing selected)

用法

请查看 API。

源码

点击下方链接跳转 GitHub 查看源代码。

🪝 Hook 🎨 Demo 📄 Document

API

const { text, rects, ranges, selectionRef } = useTextSelection()

返回值

export interface UseTextSelectionReturns {
  /**
   * 一个 React Ref 对象，持有当前的 Selection 对象。
   */
  selectionRef: MutableRefObject<Selection | null>
  /**
   * 所选的文本。
   */
  text: string
  /**
   * 每个选定范围的 DOMRect 对象。
   */
  rects: DOMRect[]
  /**
   * 每个选定范围的 Range 对象。
   */
  ranges: Range[]
}

ON THIS PAGE

#useTextSelection

#演示

#用法

#源码

#API

#返回值

useTextSelection

演示

用法

源码

API

返回值