How to download web pages as PDF with JavaScript | JavaScript Tutorials

It is a very common use case to give your users the ability to download data from your website as a PDF. The PDF (Portable Document Format) file format is very useful to download invoices, ticket bookings, shopping cart details, etc.
There are various JavaScript libraries available for generating PDF from HTML. In this tutorial, I will use the html2pdf library to convert HTML into PDF.
html2pdf converts any web page or element into a printable PDF, entirely client-side by using html2canvas and jsPDF.
Convert HTML + CSS to PDF. Print HTML in Seconds
The html2pdf library allows you to embed it in your website and make parts of your site downloadable as PDFs, but today, we’ll focus on making a PDF in our application downloadable. For our example, I’m using the Simple HTML invoice template, and I statically typed in the invoice we’ll use. However, you can easily generate the HTML for your own invoice in your backend if you prefer.

If you are using any one of the package managers like npm or yarn, you can install like the following:
However, the easiest way to use it is to include the CDN link in the head tag of an HTML file like this:

[kennethramos]

This tutorial solves my problem for downloading a scrollable div as pdf, thank you so much.

[nicolascordoba]

Thank you, I integrated this with an app made in dash in python and work perfectly, amazing

[harshuuu]

Bro i had searched it on many big ytrs channel but u gave me this tutorial thanks bro ❤️

[AnandYadav-yyke]

Thanks
Brother
Love From Uttar Pradesh, Mau

[zahidkazi]

Easy and problem solving code, thanks bro

[rickmedlin]

This satisfied my requirements perfectly, both for HTML and PHP pages. Thanks very much for sharing it.

[abdelhamidtahiri]

how i can transform a card id in html (contains fotos )to a pdf because dont display(images)

[chetanshelke]

I want When the PDF is generated, it should be selectable and copyable using javascript

[AS-mcdb]

Supposed sir i enter data with any logo in Fronted and tell me how can i get these data in Pdf format with download pdf button. Supposed every time pdf name automatically.. generate..

[alijaan]

Thanks, Brother for this absolutely amazing tutorial.

[erikandribudiman]

Finally i found the tutorial that i was looking for. Thanks bro

[danish]

If a button is redirecting to another page that redirected page I want to have as pdf download on click on button so instead of redirecting it should download as pdf can u please help me on this

[dotnetdevelopercity]

HELLO I didn't fount "html2pdf " the error occoure html2pdf not found even i am write library

[Veasnn_M.]

Why when download show only question mark in the PDF text?

[prafullkumar]

can i pass two parameter in to the 'html2pdf().from(content, chart).set(opt).save();' does it work
...what if i have two id which name is content and chart how can set in to one pdf

[TravelandTalkwithMansoor]

is it mobile responsive too, check it and it's not working in all browser well

[yasaswynandavareek]

This worked for me initially and suddenly it is not working. There was no code change. Any possible reason?

[alexsandroribeiro]

It was notable that he cut the page and if I want the content to be divided, how do you do it? In this case, divide it by page so it doesn't end up being cut like this.

[draxxaep]

hi this was very helpful, but the pdf is not downloading properly when im using this in my phone.

[trendingprankvideos]

I have one doubt here, If I use this webpage with download button in android webview app. And app crashes while downloading the file.