Geen upload, 100% lokaal, geen account

HTML naar PDF

Plak HTML, kies een paginaformaat en download een PDF, alles wordt in je browser gerenderd.

Hoe HTML naar PDF werkt

HTML naar PDF neemt HTML-opmaak die je in de editor plakt, verwijdert gevaarlijke elementen met DOMPurify, rendert het op een onzichtbaar canvas via html2canvas en codeert het resultaat naar een PDF met jsPDF. De volledige pijplijn draait in je browsertabblad; er wordt geen HTML-code of gerenderde uitvoer naar een server verzonden. Dit maakt het geschikt voor het converteren van HTML-fragmenten met persoonlijke gegevens die je niet in een online dienst zou willen plakken.

Begrijp het uitvoerformaat voordat je erop vertrouwt. De PDF-pagina's zijn rasterafbeeldingen, geen vectortekst. Tekst in de uitvoer is niet selecteerbaar, niet doorzoekbaar en kan niet worden herverdeeld. Externe bronnen zoals afbeeldingen waarnaar wordt verwezen via URL, worden geblokkeerd door het browser-CORS-beleid en worden niet geladen. Inline stijlen en ingesloten CSS werken, maar complexe lay-outs met aangepaste weblettertypen of geavanceerde CSS-grid worden mogelijk niet nauwkeurig gerenderd. Voor documentgetrouwe conversie van volledige webpagina's is een headless browser aan de serverzijde het passendere gereedschap.

Geschreven door Bastien Sulyan

Hoe je HTML naar PDF gebruikt, stap voor stap

  1. Plak je HTML-opmaak in het editorgebied.
  2. Pas optioneel het paginaformaat (A4 of Letter) en de oriëntatie aan.
  3. Klik op converteren; DOMPurify verwijdert gevaarlijke elementen en html2canvas rendert het.
  4. Wacht tot jsPDF de canvas-uitvoer codeert als PDF-pagina's.
  5. Download de PDF.

Veelvoorkomende toepassingen

  • Je hebt een HTML-factuur in je browser gegenereerd vanuit een lokale sjabloon en wilt een PDF-kopie zonder hem naar een conversiedienst te e-mailen.
  • Een eenvoudig HTML-rapport gebouwd uit API-gegevens moet worden opgeslagen als PDF voor archivering; plak de HTML en converteer lokaal.
  • Je hebt een gestijlde HTML-e-mailsjabloon geschreven en wilt een preview zien van hoe het eruit zou zien als het als PDF wordt afgedrukt.
  • Een ontwikkelaar heeft een snelle PDF nodig van een HTML-fragment tijdens het testen, zonder een server-side headless browser op te zetten.

Veelgestelde vragen

Waarom is de tekst in de uitvoer-PDF niet selecteerbaar?

De conversiepijplijn rendert de HTML naar een canvas-bitmap met html2canvas en codeert die bitmap daarna als afbeeldingsgegevens in de PDF-pagina's met jsPDF. De uitvoer is een gerasterde afbeelding, geen tekstlaag. Als je een PDF met selecteerbare tekst nodig hebt, zou je een server-side headless browser zoals Puppeteer nodig hebben, wat deze tool bewust vermijdt om verwerking lokaal te houden.

Waarom verschijnen afbeeldingen in mijn HTML niet in de PDF?

Afbeeldingen geladen van externe URL's zijn onderworpen aan het browser-CORS-beleid. Als de afbeeldingsserver geen permissieve CORS-headers stuurt, kan html2canvas de pixelgegevens niet lezen en wordt het afbeeldingsslot leeg gerenderd. Inline base64-gecodeerde afbeeldingen die rechtstreeks in de HTML zijn ingesloten of afbeeldingen van dezelfde oorsprong werken zonder deze beperking.

Wordt de HTML die ik plak naar een server gestuurd?

Nee. De HTML blijft gedurende de hele tijd in het browsergeheugen. DOMPurify verwijdert gevaarlijke elementen client-side, html2canvas rendert client-side en jsPDF codeert de PDF client-side. Niets verlaat het browsertabblad.

Wat verwijdert DOMPurify?

DOMPurify verwijdert scripttags, event handler-attributen zoals onclick en onload, javascript:-URL's en andere constructies die code kunnen uitvoeren. Het behoudt structurele en opmaakmarkering, zodat de gerenderde uitvoer er hetzelfde uitziet maar veilig is om in een documentcontext in te voegen.

Kan ik een volledige webpagina-URL converteren in plaats van HTML te plakken?

Nee. De tool werkt met HTML-opmaak die je direct plakt. Het laden van een URL zou het ophalen van de pagina vereisen, wat stuit op CORS-beperkingen voor de meeste sites en een netwerkverzoek zou betrekken dat de bewerking buiten het lokale verwerkingsmodel brengt.