How to use PDF.JS with React

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

Leave a Reply

Your email address will not be published. Required fields are marked *

Chaoxu Wei

Master student at Tongji University (Writer & Blogger)

Job hunting, both part-time and full-time jobs are accepted. Job recommendation please email me weichaoxu1998@gmail.com, thank you very much!

+1
0
Edit Template

“There are many people in the world who want to work hard but can’t, and people who work too hard and are exhausted. Please don’t use your efforts only to chase your own victory, please use them to help others.”

Follow

Contact

libertynlp@163.com

+86-18385537403

Yangpu District, Shanghai