react-highlight-latinized

React component to highlight accented words within a larger body of text

Usage no npm install needed!

<script type="module">
  import reactHighlightLatinized from 'https://cdn.skypack.dev/react-highlight-latinized';
</script>

README

Simple fork of bvaughn/react-highlight-words to handle accented characters

Depends on latinize

(original readme follows...)

React component to highlight words within a larger body of text.

Check out a demo here.

Usage

To use it, just provide it with an array of search terms and a body of text to highlight:

<Highlighter
  highlightClassName='YourHighlightClass'
  searchWords={['and', 'or', 'the']}
  textToHighlight="The dog is chasing the cat. Or perhaps they're just playing?"
/>

And the Highlighter will mark all occurrences of search terms within the text:

screen shot 2015-12-19 at 8 23 43 am

Installation

npm i --save react-highlight-words

License

MIT License - fork, modify and use however you want.