When we develop our React App, we may have to add PDF viewing and editing ability, the best way is use pdf.js and pdf.js based pdf annotation library, this blog will show you our best research product:① How to use PDF.js in React? ② How to use pdf.js based PDF annotation library in react?
Keywords: React, pdf.js , PDF viewing , pdf annotation , pdf editing.
Part 1: How to use pdf.js in React?
The best way to use pdf.js in React is using iframe tag to embed the office PDF.JS live demo, this will be able to use the beautiful and powerful HTML file Mozilla made for us.
App.js for React App
Part 2: Using pdf.js based PDF Annotation Library in React
After you know how to official pdf.js in you React App, it will be easy to add PDF Annotation ability to your app. The only thing you need do is change the src in iframe to our pdf annotation library.
For more detail of our library, welcome to visit our live demo: https://demos.libertynlp.com
App.js for React App
Summary
We had figured out the way about how to use pdf.js and pdf annotation in React, if you are interested in our product, welcome to visit our live demo: https://demos.libertynlp.com