Kategorien

← View All Tools

HTML-zu-PDF-Renderer

Rendert einen HTML-Teilumfang zu PDF

Konvertiert HTML in PDF mit einem deterministischen Renderer.

Unterstuetzte Tags:

  • p, h1-h6, ul/ol, table, img, code

Modi:

  • Teilumfang (PDFKit)
  • Browser (Puppeteer)

Beispielergebnisse

1 Beispiele

Beispiel: HTML Renderer

Automatisch erzeugtes PDF-Beispiel: Browser render mode sample

html-to-pdf-renderer-example1.pdf Datei anzeigen
Eingabeparameter anzeigen
{ "htmlContent": "<h1 style='color:#1f2937'>Browser Mode</h1><p>Sample layout.</p>", "cssContent": "body { font-family: Arial, sans-serif; }", "renderMode": "browser", "printBackground": true, "waitUntil": "load" }

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: text/html, application/xhtml+xml, text/plain

Wichtige Fakten

Kategorie
Document Tools
Eingabetypen
textarea, file, text, select, checkbox, number
Ausgabetyp
file
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Der HTML-zu-PDF-Renderer ermöglicht die präzise Umwandlung von HTML-Inhalten, Dateien oder Webseiten in professionelle PDF-Dokumente. Mit flexiblen Rendermodi wie PDFKit für einfache Strukturen oder Puppeteer für komplexe Browser-Darstellungen bietet das Tool eine zuverlässige Lösung für die Dokumentenerstellung.

Wann verwenden

  • •Erstellung von druckfertigen Berichten aus HTML-Vorlagen.
  • •Archivierung von Webseiteninhalten als statische PDF-Dokumente.
  • •Automatisierte Generierung von Rechnungen oder Dokumentationen aus Web-Daten.

So funktioniert es

  • •Wählen Sie die Eingabequelle: Geben Sie HTML-Code direkt ein, laden Sie eine HTML-Datei hoch oder geben Sie eine URL an.
  • •Wählen Sie den Rendermodus: Nutzen Sie 'Subset' für einfache Dokumente oder 'Browser' für komplexes Layouting inklusive CSS.
  • •Passen Sie das Layout an: Konfigurieren Sie Seitengröße, Ränder, Skalierung und Ausrichtung nach Ihren Anforderungen.
  • •Starten Sie die Konvertierung und laden Sie Ihr fertiges PDF-Dokument direkt herunter.

Anwendungsfälle

Automatisierte Erstellung von PDF-Rechnungen aus HTML-Templates.
Konvertierung von technischen Dokumentationen in ein einheitliches PDF-Format.
Erstellung von PDF-Snapshots für Web-Reporting und Archivierungszwecke.

Beispiele

1. Bericht-Export aus HTML

Web-Entwickler
Hintergrund
Ein Entwickler muss eine dynamische HTML-Seite mit CSS-Styling in ein sauberes PDF für Kundenberichte umwandeln.
Problem
Standard-Druckfunktionen im Browser liefern oft unsaubere Seitenumbrüche und Layout-Fehler.
Verwendung
URL eingeben, Browser-Modus wählen und Ränder auf 20mm setzen.
Beispielkonfiguration
renderMode: 'browser', pageSize: 'A4', marginTop: 20, marginBottom: 20
Ergebnis
Ein professionell formatiertes PDF, das das Web-Layout exakt beibehält.

2. Einfache Dokumentation

Technischer Redakteur
Hintergrund
Eine einfache Dokumentation liegt als HTML-Datei vor und soll ohne komplexe Styles in ein PDF konvertiert werden.
Problem
Die Datei ist zu groß für manuelle Konvertierung und soll schnell und deterministisch verarbeitet werden.
Verwendung
HTML-Datei hochladen und Subset-Modus (PDFKit) für eine schnelle Verarbeitung wählen.
Beispielkonfiguration
renderMode: 'subset', pageSize: 'A4', fontSize: 12
Ergebnis
Ein leichtgewichtiges PDF-Dokument mit korrekter Textstruktur.

Mit Samples testen

xml, html, pdf
Großschreibungs-Konverter Beispiele
Testbeispiele für die Konvertierung der Groß-/Kleinschreibung zwischen verschiedenen Benennungskonventionen
preferred input family xml,text
xml, text
Nginx-Protokollanalyse-Beispiele
Umfassende Nginx-Protokollbeispiele zum Testen des log-parser-Tools, einschließlich verschiedener Formate und Szenarien für Zugriffs- und Fehlerprotokolle
preferred input family xml,text
xml, text
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
title token pdf
text
Splunk Log Analyse Beispiele
Umfassende Splunk Konfigurations- und Abfragebeispiele für Log-Analyse, Monitoring und Operational Intelligence
preferred input family xml,text
xml, text

Verwandte Hubs

Xml-Convert-Tools
Entdecken Sie 32 xml-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Convert-Tools
Entdecken Sie 80 text-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Pdf-Convert-Tools
Entdecken Sie 28 pdf-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Html-Convert-Tools
Entdecken Sie 11 html-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche HTML-Tags werden unterstützt?

Das Tool unterstützt grundlegende Tags wie p, h1-h6, ul/ol, table, img und code.

Was ist der Unterschied zwischen Subset- und Browser-Modus?

Der Subset-Modus (PDFKit) ist schnell und deterministisch für einfache Inhalte, während der Browser-Modus (Puppeteer) komplexe CSS-Styles und Skripte wie ein echter Browser rendert.

Kann ich eigenes CSS verwenden?

Ja, im Browser-Modus können Sie benutzerdefiniertes CSS hinzufügen, um das Design des PDFs individuell anzupassen.

Wie kann ich die Ränder des PDFs einstellen?

Sie können die Ränder für oben, unten, links und rechts individuell in Millimetern über die Konfigurationsoptionen festlegen.

Unterstützt das Tool den Druck von Hintergrundgrafiken?

Ja, im Browser-Modus können Sie die Option 'Hintergrund drucken' aktivieren, um Farben und Bilder im PDF beizubehalten.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/html-to-pdf-renderer

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
htmlContent textarea Nein -
htmlFile file (Upload erforderlich) Nein -
url text Nein -
baseUrl text Nein -
cssContent textarea Nein -
renderMode select Nein -
pageSize select Nein -
landscape checkbox Nein -
printBackground checkbox Nein -
scale number Nein -
marginTop number Nein -
marginBottom number Nein -
marginLeft number Nein -
marginRight number Nein -
fontSize number Nein -
lineHeight number Nein -
mediaType select Nein -
waitUntil select Nein -
waitTime number Nein -

Dateitypparameter müssen erst über POST /upload/html-to-pdf-renderer hochgeladen werden, um filePath zu erhalten, dann filePath an das entsprechende Dateifeld übergeben.

Antwortformat

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Datei: Datei

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-html-to-pdf-renderer": {
      "name": "html-to-pdf-renderer",
      "description": "Rendert einen HTML-Teilumfang zu PDF",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=html-to-pdf-renderer",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Unterstützt URL-Dateilinks oder Base64-Codierung für Dateiparameter.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]