For example, you can generate a document, prepend a predefined introduction page, and watermark all pages in a single API request. HTTP API - Processor can be controlled via an HTTP API with a flexible authentication/authorization mechanism, making it suitable for both backend and frontend use.Įxtensible workflows - You can combine PDF generation with other operations. However, considering the increased file size and resulting image, I’d recommend you build a component on your server with Puppeteer so that you can serve nice PDFs.Īnd if you want to save time with an out-of-the-box solution, make sure to check out PDF Generation for PSPDFKit Processor, which offers support for:įorms - HTML forms and inputs will be converted to fillable PDF forms, which currently isn’t possible with Puppeteer. If you need something quickly and don’t want to build anything on your server to create PDF files, you’re good to go with html2pdf. The main disadvantage of using Puppeteer is that you’ll need to run a server instead of generating the PDF on the client. Additionally, the file size is significantly lower compared to the html2pdf example, Puppeteer’s resulting PDF is about four times smaller. You’ll be able to select and copy the text from the PDF, and you don’t need to worry about resolution since it will be always sharp. The biggest advantage of Puppeteer is that it creates an actual PDF file with text content instead of just using an image. Then we’ll call this function in a download button: To begin, we first define a generatePDF() function that will get the element we’ve rendered the invoice in and then call html2pdf with that element to download it directly on our users’ client. You can download it from the GitHub repository, or if you already have a bundler in your site, you can install it via npm or yarn. I downloaded the bundled html2pdf JavaScript library directly and imported it in our site. However, you can easily generate the HTML for your own invoice in your backend if you prefer. For our example, I’m using the Simple HTML Invoice Template, and I statically typed in the invoice we’ll use. 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. In this post, we’ll take a look at two solutions for easily converting HTML to PDF: html2pdf and Puppeteer. For example, invoices, concert tickets, and flight tickets tend to be available as PDF downloads. A common use case today is that of giving your users the ability to download data from your website as a PDF.

Pdf elements download