HTML in PDF

Über die Umwandlung von HTML in PDF

Du hast eine HTML-Datei — einen Bericht aus einem Programm, eine gespeicherte E-Mail, eine Rechnungsvorlage, eine selbst geschriebene Seite — und brauchst sie als PDF zum Versenden oder Drucken.

Füge das HTML ein oder öffne die .html-Datei. Das Tool zeigt eine Live-Vorschau und setzt das Dokument dann auf Letter- oder A4-Seiten, mit dem eigenen CSS des Dokuments: seinen Schriften, Farben, Rahmen und Tabellen. Lange Dokumente werden zwischen Absätzen, Tabellenzeilen und Listeneinträgen auf Seiten verteilt, und die Kopfzeile einer Tabelle wird auf jeder Seite wiederholt.

Alles passiert in deinem Browser. Das HTML wird nie hochgeladen, und Skripte darin werden entfernt, bevor es angezeigt wird.

Funktionen

• HTML einfügen oder Datei öffnen — eine ganze Seite oder nur ein Ausschnitt; die Datei kannst du auf das Textfeld ziehen
• Dein eigenes CSS — <style>-Blöcke, Inline-Styles und https://-Stylesheets (zum Beispiel Bootstrap von einem CDN)
• Bilder — https://- und data:-Bilder werden geladen; für Bilder, die neben der .html-Datei liegen, füge sie mit derselben Schaltfläche hinzu
• Saubere Seitenumbrüche — zwischen Blöcken, Listeneinträgen und Tabellenzeilen, mit wiederholter Tabellenkopfzeile
• Letter, A4 oder A5, Hoch- oder Querformat, drei Randgrößen, optionale Seitenzahlen
• Ein Klick zum Herunterladen — das PDF entsteht im Hintergrund, während du bearbeitest, mit Live-Vorschau und Seitenminiaturen
• Sicher — Skripte und Event-Handler werden entfernt (DOMPurify), und nichts wird irgendwohin gesendet

Was es kann und was nicht

• Es kann keine Webadresse öffnen. Eine Webseite im Browser darf keine andere Website herunterladen — das ist eine Sicherheitsregel des Browsers, und sie zu umgehen erfordert einen Server, den diese Website für deine Dateien nicht nutzt. Um eine Webseite zu speichern, die du gerade ansiehst, drücke Strg+P (Cmd+P auf dem Mac) und wähle Als PDF speichern. Das funktioniert in jedem modernen Browser.
• Bilder mit einem Pfad auf deinem Computer (wie images/logo.png) kann der Browser von allein nicht finden. Klicke noch einmal auf .html öffnen (+ Bilder) und wähle auch die Bilddateien aus — sie werden über den Dateinamen zugeordnet.
• Der Text im PDF ist Teil eines Bildes jeder Seite, daher lässt er sich nicht markieren oder durchsuchen. So werden alle Skripte und Schriften korrekt angezeigt — die Seite wird von deinem Browser gezeichnet. Für ein PDF mit markierbarem Text aus reinem Text nutze TXT in PDF; um ein gescanntes PDF durchsuchbar zu machen, nutze OCR PDF.
• Skripte werden nicht ausgeführt, daher bleiben Seiten, die ihren Inhalt mit JavaScript aufbauen (Diagramme, manche Web-Apps), dort leer, wo das Skript gezeichnet hätte.

Häufige Anwendungen

• Berichte und Exporte — Testberichte, Analysen und Logs, die Programme als .html speichern
• Gespeicherte E-Mails und Newsletter (.html) zum Aufbewahren oder Drucken
• Rechnungen, Belege und Briefe, die aus einer HTML-Vorlage entstehen
• Dokumentation und Hilfeseiten, die zum Offline-Lesen gespeichert werden
• Dein eigenes HTML und CSS — prüfe, wie eine druckbare Seite auf Papier aussieht

Häufige Fragen

Wie wandle ich eine HTML-Datei in ein PDF um?

Klicke auf .html öffnen (+ Bilder) und wähle die Datei, oder füge das HTML in das Feld ein. Prüfe die Vorschau, wähle Letter oder A4 und klicke auf PDF herunterladen. Das PDF entsteht, während du bearbeitest, ein Klick genügt zum Speichern.

Kann ich eine Webseite über ihre Adresse (URL) umwandeln?

Mit diesem Tool nicht. Eine Seite im Browser kann keine andere Website abrufen — dafür braucht es einen Server. Öffne die Webseite selbst, drücke Strg+P (Cmd+P auf dem Mac) und wähle Als PDF speichern. Oder kopiere das HTML der Seite (Rechtsklick → Seitenquelltext anzeigen) und füge es hier ein.

Warum fehlen meine Bilder?

Bilder mit einem Pfad wie images/photo.jpg liegen auf deinem Computer, und der Browser kann deine Ordner nicht von allein lesen. Füge die Bilddateien über .html öffnen (+ Bilder) hinzu — sie werden über den Dateinamen zugeordnet. Bilder von https://-Adressen erscheinen nur, wenn die jeweilige Website das erlaubt.

Kann ich den Text im PDF markieren?

Nein. Jede Seite wird als Bild der Seite gespeichert, deshalb sehen alle Schriften und Sprachen richtig aus. Wenn du markierbaren Text brauchst, wandle reinen Text mit TXT in PDF oder Markdown mit Markdown zu PDF um.

Funktioniert mein CSS?

Ja — <style>-Blöcke, style=""-Attribute und Stylesheets, die mit einer vollständigen https://-Adresse verknüpft sind. Das Dokument wird in einem eigenen Frame gesetzt, daher wird nur sein eigenes CSS verwendet. Regeln in @media print werden nicht angewendet; die Seite wird so gezeichnet, wie sie am Bildschirm aussieht.

Wird mein HTML hochgeladen?

Nein. Die Umwandlung läuft in deinem Browser, auf deinem eigenen Gerät. Das zuletzt verwendete HTML wird nur in diesem Browser gespeichert.

So funktioniert's

• Füge dein HTML in das Feld ein — oder klicke auf .html öffnen (+ Bilder), oder ziehe die Datei auf das Feld
• Wenn das HTML Bilder von deinem Computer nutzt, füge auch diese Bilddateien hinzu
• Prüfe die Vorschau
• Wähle Seitengröße, Ausrichtung und Ränder und ob du Seitenzahlen hinzufügen möchtest
• Klicke auf PDF herunterladen — das PDF aktualisiert sich nach jeder Änderung von selbst und ist daher immer bereit