HTML in PDF umwandeln mit C# (.NET)

Was Sie brauchen

• Einen API-Key. Legen Sie ihn in der App unter API-Schlüssel an und exportieren Sie ihn als FORMFEED_API_KEY. Zum Ausprobieren ist ein Test-Key (ff_test_…) richtig. Siehe Quickstart.
• C# (.NET). Sie brauchen das .NET 8 SDK; das Programm nutzt System.Net.Http.Json und System.Text.Json, die dazugehören.
• Eine HTML-Datei. invoice.html neben dem Programm: ein vollständiges Dokument, das CSS inline oder verlinkt. Ein Beispiel steht weiter unten.

dotnet new console -o render && cd render   # danach Program.cs ersetzen

Das Programm

Das Programm liest invoice.html, sendet sie mit Papierformat und Rändern, wartet auf das Ergebnis, wenn die API mit 202 antwortet, bricht mit der Meldung der API ab, wenn etwas nicht stimmt, und speichert das PDF.

using System.Net.Http.Headers;
using System.Net.Http.Json;
using System.Text.Json;

var body = new
{
    html = File.ReadAllText("invoice.html"),
    settings = new {
        paper = new { format = "A4" },
        margin = new { top = "20mm", right = "18mm", bottom = "20mm", left = "18mm" },
    },
};

using var http = new HttpClient();

// one call to the API: the key goes on each request, never on the client, so no other address sees it
async Task<HttpResponseMessage> Send(HttpMethod method, string url, object? content = null)
{
    using var request = new HttpRequestMessage(method, url) { Content = content is null ? null : JsonContent.Create(content) };
    request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", Environment.GetEnvironmentVariable("FORMFEED_API_KEY"));
    return await http.SendAsync(request);
}

var response = await Send(HttpMethod.Post, "https://api-eu.formfeed.dev/v1/renders", body);
var render = await response.Content.ReadFromJsonAsync<JsonElement>();

// not done within 60 seconds: the answer is 202 and the render goes on in the background;
// its result answers the same way until the render has finished
while ((int)response.StatusCode == 202)
{
    await Task.Delay(2000);
    response = await Send(HttpMethod.Get, $"https://api-eu.formfeed.dev/v1/renders/{render.GetProperty("id")}/result");
    render = await response.Content.ReadFromJsonAsync<JsonElement>();
}

// every error is a problem document (RFC 9457) with a title and a detail
if (!response.IsSuccessStatusCode)
{
    Console.Error.WriteLine($"{render.GetProperty("title")}: {(render.TryGetProperty("detail", out var detail) ? detail : "")}");
    return 1;
}

await File.WriteAllBytesAsync("invoice.pdf", await http.GetByteArrayAsync(render.GetProperty("download_url").GetString()));
Console.WriteLine($"{render.GetProperty("id")} {render.GetProperty("page_count")} page(s), {render.GetProperty("units")} unit(s)");
return 0;

Ausführen

Es gibt die ID des Renderings, die Seitenzahl und die verbrauchten Einheiten aus, und invoice.pdf liegt neben dem Programm.

export FORMFEED_API_KEY=ff_test_...
dotnet run

Was an C# (.NET) besonders ist

• Anonyme Objekte. Die Feldnamen der API sind snake_case und werden so geschrieben, wie sie sind (webhook_url = …); eine Naming Policy ist also nicht nötig.
• Daten ohne Klassen. JsonDocument.Parse(…).RootElement bettet die Beispieldaten unverändert ein; in Ihrer Anwendung ist das Ihr eigener Record oder DTO.
• Schlüssel an der Anfrage, nicht am Client. Der Authorization-Header sitzt an jeder Anfrage an die API, nie am HttpClient: Der Download geht an eine signierte CDN-URL und darf Ihren API-Key nicht mitschicken.

Eine HTML-Datei, die gut druckt

Das HTML wird gedruckt, wie es ist, mit den Print-Regeln, die Chromium unterstützt. Webfonts laden über ein <link>, und zwei CSS-Regeln halten eine lange Tabelle über mehrere Seiten lesbar:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap">
    <style>
      body { font-family: 'Inter', sans-serif; font-size: 10pt; color: #1e293b; }
      h1 { font-size: 20pt; color: #312e81; }
      table { width: 100%; border-collapse: collapse; }
      td, th { padding: 2mm; border-bottom: 1px solid #e2e8f0; text-align: left; }
      thead { display: table-header-group; } /* repeats the head row on every page */
      tr { break-inside: avoid; }
    </style>
  </head>
  <body>
    <h1>Invoice 2026-0042</h1>
    <table>
      <thead><tr><th>Item</th><th>Amount</th></tr></thead>
      <tbody><tr><td>Consulting</td><td>960.00 €</td></tr></tbody>
    </table>
  </body>
</html>

Was die Einstellungen steuern

• Papier. paper.format nimmt A4, Letter und die anderen üblichen Namen, landscape: true dreht es, und width mit height setzt ein eigenes Format, etwa ein Etikett mit 100 × 150 mm.
• Ränder. Je Seite, als CSS-Längen wie 20mm. Ein Hintergrund, der bis zum Rand reichen soll, braucht Ränder von 0.
• Kopf- und Fußzeile. header.html und footer.html wiederholen sich auf jeder Seite im oberen und unteren Rand; Elemente mit den Klassen pageNumber und totalPages zeigen die Seitenzahlen.
• Platzhalter. Mit "engine": "jinja2" (oder liquid, handlebars) und einem data-Objekt wird {{ … }} im HTML vor dem Drucken gefüllt, mit allen Helfern für Beträge, Datumsangaben, Barcodes und Diagramme.

Wann eine Vorlage das bessere Werkzeug ist

HTML zu senden ist richtig für Seiten, die Ihre Anwendung ohnehin rendert. Wenn Sie das Dokument selbst gestalten (Rechnungen, Zertifikate, Berichte), gibt Ihnen eine gespeicherte Vorlage einen Editor mit seitengenauer Vorschau, Versionen und eine Anfrage, die nur Daten enthält. Der Guide zur PDF-Rechnung dieser Sprache zeigt diese Variante.

Wenn die API nein sagt

• Eine Form für jeden Fehler. Fehler sind Problem-Dokumente (RFC 9457) mit type, title, status, detail, einem stabilen code und der request_id, die Sie dem Support nennen; die type-URL führt zu einer Seite über diesen Fehler. Die Liste steht in der Fehlerreferenz.
• Die üblichen. 401 unauthorized bei fehlendem oder widerrufenem Schlüssel, 404 template_not_found bei falschem Vorlagennamen, 422 template_runtime_error, wenn die Vorlage an den Daten scheitert, 429 rate_limited über den Anfragen pro Sekunde des Tarifs, 402 quota_exceeded, wenn die Einheiten des Free-Tarifs verbraucht sind (ein bezahlter Tarif rechnet weitere Einheiten ab, bis zu seiner Obergrenze).
• Sicher wiederholen. Senden Sie beim POST einen Idempotency-Key-Header und wiederholen Sie die Anfrage mit demselben Schlüssel, wenn Sie nicht wissen, ob der erste Versuch ankam: 24 Stunden lang liefert der Schlüssel die erste Antwort, statt erneut zu rendern und zu berechnen. Gespeichert wird die Antwort, sobald der erste Versuch beantwortet ist; wiederholen Sie also nicht, solange er noch laufen kann. Auch Probleme unter 500 werden gespeichert, eine korrigierte Anfrage braucht deshalb einen neuen Schlüssel.

Die Aufgabe um dieses Programm

Dieser Guide ist ein Programm. Was die Aufgabe darum herum braucht, von der Vorlage bis zu Limits und Preis, steht auf der Seite HTML-zu-PDF-API.

Weitere Guides für C# (.NET)

• PDF-Rechnung aus JSON erzeugen mit C# (.NET)
• ZUGFeRD-E-Rechnung erstellen mit C# (.NET)
• Open-Graph-Bilder erzeugen mit C# (.NET)
• PDFs aus einer CSV erzeugen mit C# (.NET)
• PDFs zusammenfügen und mit Passwort schützen mit C# (.NET)
• PDF asynchron rendern und den Webhook prüfen mit C# (.NET)

FAQ

Lässt sich statt eines HTML-Strings eine URL rendern?

Ja: Senden Sie url statt html. Es muss eine öffentliche https-Seite sein, die ohne Ihre Cookies oder Header geladen wird; Adressen in privaten Netzen werden abgelehnt, und eine Seite, die nicht binnen 30 Sekunden lädt, scheitert mit navigation_failed.

Wie groß darf das HTML sein?

Bis zu 5 MB je Anfrage. Bilder und Schriften werden per URL geholt und zählen nicht dazu. Die Limits je Tarif stehen in der Doku.

Läuft JavaScript in der Seite?

Ja, Chromium führt es vor dem Drucken aus; so entstehen Diagramme. Es wartet, bis das Netzwerk ruht, höchstens 30 Sekunden; eine Seite, die nicht fertig lädt, scheitert also mit render_timeout, statt zu hängen.

HTML zu PDF in anderen Sprachen

• Node.js (TypeScript)
• Python
• PHP
• Go
• Java
• Ruby
• curl