Extract words and inspect the occupied rectangles

The legacy page called out getWordRange(), getWordsMatchRange(), and getClientRects(). Those helpers still work well as focused selection utilities.

super simple wysiwyg editor

hi @Peter Pan. How are you?

Range output

Ready.

Example configuration - Word Ranges and Rects

summernote.create('#word-ranges-editor', {
  height: 220,
});

const rangeUtil = summernote.summernote.range;
const wordRange = rangeUtil.create(textNode, offset).getWordRange();
const matchRange = rangeUtil.create(textNode, offset).getWordsMatchRange(/@[a-z ]+/i);
const rects = matchRange.getClientRects();