Hello Recoding!! Is it possible to add Highlighting like markup and adding comments features (like in word doc) to pdf using React? Can you provide the related APIs if possible?
Yes, surely you can highlight text using the custom text renderer attribute inside page components. You can check the documentation regarding that you will get step by solution for that.
I got the error """ Module not found: Can't resolve 'file-loader' "" anyone else ? This module was supposed to be inside the one we added to the project right ?
Yes, you can ask user to select the pdf and redirect the link to the page. First you need to create a PDF picker component which will redirect the URL to the PDF viewer component.
Module not found: Error: Package path ./dist/esm/entry.webpack is not exported from package C:\**\**\**\**\**\upworkproject ode_modules eact-pdf (see exports field in C:\**\**\**\**\**\** ode_modules eact-pdf\package.json) I am getting the above error can somebody please help me with it.
I have done almost all the steps the same as you but I constantly get this error "GET 127.0.0.1:3000/pdf.worker.js 404 (Not Found)" and in my console it says that "Warning: Setting up fake worker." I searched and I found that this problem occurs mostly for external files while I am doing this locally. can anybody give me a hint about it? thank you in advance,
Yes! Finally a quick and easy to follow tutorial on how to do something practical in React/Next.js. Thank you so much for doing this video!
We are glad that this video could help you stay tuned for more interesting contents regarding React and Next.JS.
Failed to load PDF file. didnt work for me
noob question but how would you integrate the next previous buttons along with auto scroliing?
can you show, how to preview local pdf files?
thanks
please help ./node_modules/react-pdf/dist/esm/entry.webpack.js:3:0
Module not found: Can't resolve 'file-loader'
what version of react did you use? and what version of react-pdf did you use? Please
How can we select text in the pdf after rendering in it
Do I have to press the insert text button? is there a way to lock it so I don't have to press it like every time?
thanks. helped me a lot
Glad it helped!
You've saved the day!
Can we generate the new pdf file using React-PDF library?
Hello Recoding!! Is it possible to add Highlighting like markup and adding comments features (like in word doc) to pdf using React? Can you provide the related APIs if possible?
Cannot use import statement outside a module??????????????????
Mam is that possible to highlight some text using react-pdf can you please share some code
Yes, surely you can highlight text using the custom text renderer attribute inside page components. You can check the documentation regarding that you will get step by solution for that.
Failed to load PDF file blocked by CORS any solution?
Use node.js or add this project inside any server you will not face this error again.
Yay, now I don't havev to buy some third-pirty solution for PDF viewing.
I got the error """ Module not found: Can't resolve 'file-loader' "" anyone else ? This module was supposed to be inside the one we added to the project right ?
yes same how do you resolve it ?
But how do we make the Document responsive?
Instead of giving static pdf, can we ask user to select the pdf.
Yes, you can ask user to select the pdf and redirect the link to the page. First you need to create a PDF picker component which will redirect the URL to the PDF viewer component.
It doesn't work with external url
i am trying from 4 days no library is working please help somone
i am trying to add in next js
how to run with url
very informative , can you please make a api call and display the pfd.
Sure, but which API call you saying for like a link from RESTAPI and show the data or some other kind of please mention it also.
Thanks for the very quick response.
Eg. I make a GET request and in response I get the pdf. I get the entire pdf in binary.
interesting..
does this support docs excel etc?
For that you need to use some different dependencies.
@@Recoding can you please give me some example? i have to diaplay pdf, excel pptx, doc, txt, can i have an example
You could use react-doc-viewer for opening pptx, doc, txt and other format. Check this out : www.npmjs.com/package/react-doc-viewer
@@Recoding thanks
@@Recoding ive tries to use thia one unfortunately it does not support react 18+
Module not found: Error: Package path ./dist/esm/entry.webpack is not exported from package C:\**\**\**\**\**\upworkproject
ode_modules
eact-pdf (see exports field in
C:\**\**\**\**\**\**
ode_modules
eact-pdf\package.json)
I am getting the above error can somebody please help me with it.
Same like me
module not found
Could you please tell which module you unable to found.
Warning: getHexString - ignoring invalid character: 104 keep getting this error
./node_modules/react-pdf/dist/esm/entry.webpack.js:3:0
Module not found: Can't resolve 'file-loader'
its 1 big page...
Does not work, despite cloning straight from repo. Fix or take down, we need to learn from resources that work.
What's the error you are getting? Please share it we'll fix it.
@@Recoding It is showing PDF file failed to load, in Inspect elemnt it is showing Warning: getHexString - ignoring invalid character in multiple lines
I have done almost all the steps the same as you but I constantly get this error "GET 127.0.0.1:3000/pdf.worker.js 404 (Not Found)" and in my console it says that "Warning: Setting up fake worker." I searched and I found that this problem occurs mostly for external files while I am doing this locally. can anybody give me a hint about it? thank you in advance,
Please checkout the source code of the video.
I have ocd please for the love of god commit your repo 🥶🥶