react-annotate-text

A custom react component for annotating text content inside HTML

Demo

Installation

``bash
npm install react-annotate-text
`

Feel free to replace with yarn counterparts.

Usage

`javascript
import ReactAnnoteText from "react-annotate-text";
`

`javascript
srcDoc={htmlContent}
src={htmlURL}
iframeTitle={"Demo"}
height={600}
width={500}
highlightData={highlightData}
selectionPopup={position => (
addHighlightClick(position)}>Add Highlight
)}
hoverPopup={id => (
removeHighlightClick(id)}>Remove Highlight
)}
/>
`

See example directory for complete code.

Contributing

1. Install dependencies

`
npm install
`

2. Start development server

`
npm start
``