1.0.12 • Published 6 years ago

react-annotate-text v1.0.12

Weekly downloads
34
License
MIT
Repository
github
Last release
6 years ago

react-annotate-text

A custom react component for annotating text content inside HTML

Demo

Installation

npm install react-annotate-text

Feel free to replace with yarn counterparts.

Usage

import ReactAnnoteText from "react-annotate-text";
<ReactAnnotateText
  srcDoc={htmlContent}
  src={htmlURL}
  iframeTitle={"Demo"}
  height={600}
  width={500}
  highlightData={highlightData}
  selectionPopup={position => (
    <button onClick={() => addHighlightClick(position)}>Add Highlight</button>
  )}
  hoverPopup={id => (
    <button onClick={() => removeHighlightClick(id)}>Remove Highlight</button>
  )}
/>

See example directory for complete code.

Contributing

  1. Install dependencies
npm install
  1. Start development server
npm start
1.0.12

6 years ago

1.0.11

6 years ago

1.0.10

6 years ago

1.0.9

6 years ago

1.0.8

6 years ago

1.0.7

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago