HTML in PDF – kostenlos
HTML in PDF verwandelt HTML und CSS in ein PDF mit Seitenumbrüchen, echtem, markierbarem Text und funktionierenden Links. Füge Code ein, öffne eine .html-Datei oder starte mit der Vorlage für Rechnung, Brief oder Bericht und lege dann Seitenformat, Ränder sowie Kopf- oder Fußzeilen mit Seitenzahlen fest. Skripte werden entfernt, per JavaScript erzeugte Inhalte erscheinen also nicht.
- Eingabe:
- HTML und CSS oder eine .html-Datei
- Paginierung:
- CSS Paged Media mit Paged.js
- Vorlagen:
- Rechnung, Brief, Bericht
- Preis:
- Kostenlos
- Läuft:
- Lokal in deinem Browser
- Uploads:
- Keine: Dateien verlassen nie dein Gerät
- Konto:
- Nicht nötig
Kurze Antworten
Wird mein HTML zum Umwandeln hochgeladen?
Nein. Paged.js setzt die Seiten in deinem Browser, und das PDF wird von der Druckfunktion deines Browsers erzeugt. Nichts wird irgendwohin gesendet.
Warum öffnet sich ein Druckdialog?
Browser können eine Datei von einer Webseite nicht speichern, ohne dich zu fragen, und ihre Druckfunktion erzeugt die besten PDFs: echten, markierbaren Text, scharfe Schriften und funktionierende Links. Wähle „Als PDF speichern“ (oder „Microsoft Print to PDF“) als Drucker und klicke auf Speichern.
Die Oberfläche des Tools ist vorerst auf Englisch.
Auf deinem Gerät verarbeitet: Deine Dateien werden nie hochgeladen. So funktioniert's
Netzwerkaktivität in diesem Tab
Was diese Seite angefragt hat, seit du die Website in diesem Tab geöffnet hast. Ein Upload ist jede Anfrage, die Daten sendet: POST, PUT, PATCH oder eine Anfrage mit Inhalt (Body).
Keine Uploads: Diese Seite hat nichts gesendet.
Noch keine Netzwerkanfragen.
Um jede Anfrage zu sehen, öffne die Entwicklertools deines Browsers (Tab „Netzwerk“).
So verwendest du HTML in PDF
- Füge dein HTML ein oder tippe es (mit CSS in <style>-Tags), öffne eine .html-Datei oder starte mit der Vorlage für Rechnung, Brief oder Bericht.
- Lege Seitenformat, Ausrichtung, Ränder sowie Kopf- und Fußzeile (mit Seitenzahlen) fest und prüfe die Vorschau mit Seitenumbrüchen.
- Klicke auf Save as PDF und wähle im Druckdialog deines Browsers „Als PDF speichern“ („Save as PDF“) als Ziel.
Danksagungen & Open Source
Auf Open-Source-Bibliotheken aufgebaut. Danke an alle, die diese Projekte möglich machen.
- Paged.js© Adam Hyde, Fred Chasen and the Coko Foundation · MIT
- DOMPurify© Mario Heiderich, Cure53 and contributors · MPL-2.0 OR Apache-2.0
- CodeMirror 6© Marijn Haverbeke and others · MIT
- @uiw/react-codemirror© Kenny Wong (uiwjs) · MIT
Verwendete Webplattform-APIs: File API, localStorage, Intl, Web Crypto.
Vollständige Lizenztexte: Hinweise zu Drittanbietern · alle Danksagungen
Häufige Fragen
Wie füge ich Seitenzahlen hinzu?
Tippe {page} und {pages} in das Feld für Kopf- oder Fußzeile, zum Beispiel „Seite {page} von {pages}“. {title} fügt den Dokumenttitel ein, {date} das heutige Datum.
Kann ich einen Seitenumbruch erzwingen?
Ja. Gib einem Element die CSS-Eigenschaft break-before: page (oder break-after: page). Mit break-inside: avoid hältst du einen Block, etwa eine Tabellenzeile, auf einer Seite zusammen.
Wird JavaScript in meinem HTML ausgeführt?
Nein. Skripte und Event-Handler werden aus Sicherheitsgründen entfernt, per JavaScript erzeugte Inhalte erscheinen also nicht. Reines HTML und CSS funktionieren.
In meinem PDF fehlen die Hintergrundfarben.
Lass „Print background colors and images“ (Hintergrundfarben und -bilder drucken) eingeschaltet, und falls dein Browser sie trotzdem weglässt, setze im Druckdialog das Häkchen bei „Hintergrundgrafiken“ („Background graphics“).