selection-ranges

selection-ranges

Manipulate selection ranges on contenteditable elements.

Usage

import {
  getRange,
  setRange
} from 'selection-ranges';


var node = <div contenteditable />;

let range = getRange(node);
// a range such as { start: 5, end: 10 }
// or null if node is currently not selected

setRange(node, { start: 0, end: 30 });
// sets selection range to child nodes; does not focus node

Features

• Works around browser issues and correctly handles <br/> and paragraph elements
• Correctly handles out-of-bounds selections

License

MIT

Changelog

1.0.0

• initial implementation