mkg0 / react-highlighted-textarea

React component for a Textarea that supports highlighting.

React Highlighted Textarea

React component for a Textarea that supports highlighting.

Usage

function doHighlight(input) {
    // return array or regex
}

<HighlightedTextarea highlight={doHighlight} />

Array

function doHighlight(input) {
    return [
      [0, 5],
      [17, 28],
      [40, 60]
    ];
}

Regex

function doHighlight(input) {
    return /\w+/g;
}

A React port of https://github.com/lonekorean/highlight-within-textarea