useTextSelection

Hook that manages the text selection

sensors

low

test coverage

Last changed: 7 months ago

TIP

This hook uses document.getSelection browser api to provide enhanced functionality. Make sure to check for compatibility with different browsers when using this api

Installation

Library

CLI

Manual

import { useTextSelection } from '@siberiacancode/reactuse';

Usage

const selection = useTextSelection();

Demo

source

Api

Returns

UseTextSelectionReturn

Type declaration

export interface UseTextSelectionReturn {
  /** The current selection ranges */
  ranges: Range[];
  /** The current selection rects */
  rects: DOMRect[];
  /** The current selection */
  selection: Selection | null;
  /** The current selection text */
  text: string;
}

Source

Source • Demo

Contributors

D

debabin

H

hywax