Тёмный

How to Build a React.js PDF Viewer with PSPDFKit 

PSPDFKit
Подписаться 284
Просмотров 7 тыс.
50% 1

In this video tutorial, you'll learn how to build a React.js PDF Viewer using PSPDFKit's React Library. We'll cover:
Creating a New React Project
Adding PSPDFKit to Your Project
Displaying a PDF
Companion blog post: pspdfkit.com/b...
How to Build a JavaScript PDF Viewer: pspdfkit.com/b...
React.js PDF Viewer Library: pspdfkit.com/g...
PSPDFKit Free Trial: pspdfkit.com/t...
Follow Clavin Fernandes
Linkedin ➡️ / clavin-fernandes-38a30862
Twitter ➡️ / clavinfernandes
Blog ➡️ clavinfernande...
SUBSCRIBE TO OUR RU-vid CHANNEL:
VISIT OUR BLOG: pspdfkit.com/b...
LIKE US ON FACEBOOK: / pspdfkit
FOLLOW US ON TWITTER: / pspdfkit

Наука

Опубликовано:

 

5 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@Shuubhham
@Shuubhham Год назад
Highlight text ?? On docx and pdf file
@nurdoganakdag
@nurdoganakdag 2 года назад
hello, the code I wrote in react works in development environment and I can view pdf. but when I build to real environment I get the following error : pspdfkit.js:90146 Uncaught (in promise) TypeError: Super expression must either be null or a function at pspdfkit.js:90146:1 .... .... Uncaught (in promise) TypeError: r.load is not a function at PdfViewerComponent.js:12:29 Thank you
@ahsanumair9703
@ahsanumair9703 Год назад
Can you tell me how to read pdf from a download url of pdf file? Or how to read pdf if pdf is not in public folder of react?
@thomasg4967
@thomasg4967 2 года назад
Humm.. will you ignore the faction that there is an ugly red sentence "PSPDFKIT for Web Evaluation" at the top of every page? If I can't get rid of that, I'm just going to look somewhere else...
@thomasg4967
@thomasg4967 2 года назад
for free obviously
@clavinfernandes8566
@clavinfernandes8566 2 года назад
Hi there, Thank you for your comment... Red Evaluation will go away once you apply the license. Please contact our sales team pspdfkit.com/sales/form/
@FahadKhan-rp3rz
@FahadKhan-rp3rz 2 года назад
Can I use just signature modal only.? I just want an icon when user clicks on it and it will open signature modal. Can it is possible
@elipayano8186
@elipayano8186 2 года назад
Absolutely! Here's an example: codesandbox.io/s/cranky-andras-57gx4s?file=/index.js
@negativepunk9638
@negativepunk9638 2 года назад
Hi, I am wondering why do I always get "An error occurred while initializing PSPDFKit for Web." error even after following your guide and the documentation? Is there something I should know about? thank you
@elipayano8186
@elipayano8186 2 года назад
Please ensure you're loading a PDF from your public folder. If this doesn't work, please make sure you have all the necessary dependencies and follow every step as indicated in our Getting-Started Guide here: pspdfkit.com/getting-started/web/?frontend=react&download=npm&integration=module&project=new-project
@navakanthreddy6424
@navakanthreddy6424 2 года назад
Iam getting the cors error for the pdf url which i placed in the document to open, could you please help with this
@elipayano8186
@elipayano8186 2 года назад
Does the PDF URL have the same domain origin as your server ? If not, the browser (client) won't allow you fetching the PDF document. I'd recommend building a backend with node.js to request the PDF file, convert it to a buffer or blob, and then pass it to your front-end to load it as the document in PSPDFKit. Here's a guide that shows how to convert a URL to an Array Buffer: pspdfkit.com/guides/web/open-a-document/from-remote-url/ Alternatively, you could also use a proxy to work around the CORS error. This independent RU-vid tutorial explains in short why CORS issue happens and options to fix them: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gPzMRoPDrFk.html&ab_channel=SoftAuthor Please feel free to reach out to support@pspdfkit.com if you have any further questions or concerns, and we'd happily help.
@muhammadsigit59
@muhammadsigit59 2 года назад
is it free to use only view pdf?
@elipayano8186
@elipayano8186 2 года назад
Trial Mode is free but you'll always see a red watermak. It's removed once you purchase a license. If you want it for personal use, I'd recommend downloading our Apps or using our online demos. Apps: pdfviewer.io/ Demos: pspdfkit.com/demo/hello
@Entdasein
@Entdasein Год назад
Will there app for winOS released? If this would never be the plan, could I get the trial version for private use? The UI of PSPDFKit is so beautiful and clean.
Далее
Women’s Free Kicks + Men’s 😳🚀
00:20
Просмотров 6 млн
Blue vs Green Emoji Eating Challenge
00:33
Просмотров 3,8 млн
You might not need useEffect() ...
21:45
Просмотров 162 тыс.
Why Signals Are Better Than React Hooks
16:30
Просмотров 479 тыс.
5 JavaScript Concepts You HAVE TO KNOW
9:38
Просмотров 1,4 млн
Solving one of PostgreSQL's biggest weaknesses.
17:12
Просмотров 198 тыс.
Setup PDFMake in ReactJS
6:44
Просмотров 8 тыс.
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Умный обзор умного iPhone 16 / 16 Pro
21:21