Highlight Ranges Of Text You Selected – react-highlight

react-highlight is a ReactJS component that helps you highlight ranges of text and give you callbacks to detect user selection.

Features:

  • Pass ranges and the component will highlight the text for you
  • Callback function that gives you the start and end of the user highlighted text
  • Customisable renderRange function that allows you to add tooltip on the top of user selection for example
  • Convert url string into link

Installation:

# NPM
$ npm install highlightable --save

Preview:

react-highlight

Download Details:

Author:

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website:

License:

Add Comment