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:
Source Code: https://github.com/jayanthbabu123/how-to-convert-html-web-pages-to-pdf-in-javascript
Subscribe: https://www.youtube.com/channel/UCNVKOc0Ya-MVHElzxT7htxw
#js #javascript