How to Convert HTML to PDF ? | Angular | React - Project Tricks & Tips

#htmltopdf #angular #react ‪@partharanjan‬
Learn How to convert HTML to PDF in Angular and react.
Repo: github.com/partharanjan/angul...
Follow me on
Buy me a Book: www.buymeacoffee.com/parthara...
LinkedIn : / partharanjan
GitHub: github.com/partharanjan
Twitter: / partha_pw
Thank you.😆
Happy Learning & Coding!

[@priyaranjannayak6585]

Nice video sir 😍🙏

[@rougeonegaming4832]

Love your content, I think I’ve watched your video four times.😄😄

[@akadeadahot7067]

it means lot to me thank you for sharing with such a nice explanation

[@partharanjan]

Thank you. Keep watching

[@vikashkumara1technology]

Awesome very good explined keep it up.

[@partharanjan]

Thank you ❤️

[@sarangane7005]

Thanks.. After watching many videos this one worked 🎉❤

[@partharanjan]

Keep watching

[@minhtringuyen1267]

I have issue with the tag svg it's not render correctly, can u help me about this issue.

[@partharanjan]

can you share code?

[@kunamamalovebird2779]

Nice very simple explanation even I am not IT profession but I can get it Easley.

[@partharanjan]

Keep watching

[@sunidhichouhan4103]

how van we make the text selectable in the pdf? please help me out

[@partharanjan]

Sure

[@sanketkondhalkar6553]

Hii i want to add new page measn i have multiple pages content i need to download the multiple page pdf how can i downlad it?? Please help me in same code i want multiple page print

[@partharanjan]

Coming soon! Keep watching!

[@ap_information7679]

can it work for multiple page ?

[@partharanjan]

As of now no, I am preparing another video for multiple export. Keep watching.

[@ap_information7679]

@@partharanjan i solve this problem we can use react-to-print pacakge which directly giving an option for printing the all pages according to your page size and all, working in all devices and perfectly working.

[@baskarbritto5069]

How can we export more than one page in the pdf

[@partharanjan]

var imgData = canvas.toDataURL('image/png');
var imgWidth = 210;
var pageHeight = 295;
var imgHeight = canvas.height * imgWidth / canvas.width;
var heightLeft = imgHeight;
var doc = new jsPDF('p', 'mm');
var position = 0;
doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
while (heightLeft >= 0) {
position = heightLeft - imgHeight;
doc.addPage();
doc.addImage(imgData, 'PNG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
}
doc.save( 'file.pdf');`

[@partharanjan]

stackoverflow.com/questions/27045704/how-do-i-get-a-multi-page-pdf-from-a-website-using-jspdf-and-html2canvas

[@fadeddota4956]

I tried this but my content is dynamic so some lines are getting cut and coming in two different pages

[@user-ld4db7ri7s]

will this work on all screen?

[@partharanjan]

yes, did you try?

[@user-ld4db7ri7s]

i tried it but doen't worked so i removed the meta tag conditionally to make it worked@@partharanjan