HTML zu PDF mit Puppeteer

Code-Beispiel

import puppeteer from "puppeteer";

const html = "<h1>Rechnung</h1><p>Betrag: 199,00 Euro</p>";

const browser = await puppeteer.launch({ headless: "new" });
const page = await browser.newPage();

await page.setContent(html, { waitUntil: "networkidle0" });

await page.pdf({
  path: "rechnung.pdf",
  format: "A4",
  printBackground: true,
  margin: { top: "20mm", bottom: "20mm", left: "15mm", right: "15mm" },
});

await browser.close();

Hinweise

Puppeteer liefert die beste moderne CSS-Unterstuetzung im gesamten Vergleich, weil es ein vollstaendiges Chromium verwendet. Flexbox, Grid, CSS-Variablen, Webfonts, SVG und sogar JavaScript-gerenderte Inhalte funktionieren ohne Workarounds. Die Option printBackground sorgt dafuer, dass Hintergrundfarben und Bilder im PDF erscheinen. Ueber @page-Regeln und das Property page-break-inside steuerst du Seitenumbrueche praezise. Kopf- und Fusszeilen lassen sich mit headerTemplate und footerTemplate setzen, inklusive Seitenzahlen. Der Preis ist Gewicht: Chromium braucht mehrere hundert Megabyte und einige Sekunden Startzeit, weshalb sich ein gemeinsam genutzter Browser-Pool in produktiven Diensten lohnt. Fuer Layouts, die exakt der Bildschirmansicht entsprechen sollen, ist Puppeteer die zuverlaessigste Wahl in der Node-Welt.