Markdown in PDF umwandeln mit Node.js (TypeScript)

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.
• Node.js (TypeScript). Sie brauchen Node.js 22 oder neuer und das Paket @formfeed/sdk, das selbst keine Abhängigkeiten hat.
• Eine Markdown-Datei. report.md neben dem Programm, bis 1 MB. Ein Beispiel steht weiter unten.

npm install @formfeed/sdk
npm install --save-dev tsx   # führt die .ts-Datei direkt aus

Das Programm

Das Programm liest report.md, sendet sie als markdown mit Lesezeichen aus ihren Überschriften, 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.

import { readFile, writeFile } from 'node:fs/promises';
import { Formfeed } from '@formfeed/sdk';

const formfeed = new Formfeed({ apiKey: process.env.FORMFEED_API_KEY! });
const markdown = await readFile('report.md', 'utf8');

// a problem answer (4xx, 5xx) throws a FormfeedError with the API's code, title and detail
let render = await formfeed.renders.create({
  markdown,
  settings: {
    pdf: { outline: true },
  },
});
// not done within 60 seconds: the API answered 202 and the render goes on in the background
if (render.status !== 'succeeded') render = await formfeed.renders.waitFor(render.id);
if (render.status === 'failed') throw new Error(`render failed: ${JSON.stringify(render.error)}`);

await writeFile('report.pdf', await formfeed.renders.download(render));
console.log(render.id, render.page_count, 'page(s),', render.units, 'unit(s)');

Ausführen

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

export FORMFEED_API_KEY=ff_test_...
npx tsx render.ts

Was an Node.js (TypeScript) besonders ist

• Top-Level-await. Die Datei verwendet await außerhalb einer Funktion, sie muss also ein ES-Modul sein: "type": "module" in der package.json oder die Endung .mts.
• Retries sind eingebaut. Das SDK sendet mit jedem Rendering einen Idempotency-Key und wiederholt 429, 503 und Netzwerkfehler bis zu dreimal mit Backoff, mit demselben Schlüssel: Ein Retry einer Anfrage, die schon beantwortet wurde, erhält diese Antwort zurück statt eines zweiten Renderings.
• Typisierte Fehler. Eine Problem-Antwort wirft einen FormfeedError, dessen code der Fehlercode der API ist (template_not_found, quota_exceeded, …); fangen Sie ihn dort, wo Sie dem Nutzer etwas Sinnvolles zeigen können.
• Läuft überall, wo es fetch gibt. Das SDK nutzt nur Web-APIs, derselbe Aufruf funktioniert also in Deno, Bun und Cloudflare Workers; nur der Dateizugriff ist anders.

Eine Markdown-Datei mit Titel

Das Front Matter gibt dem PDF Titel und Autor; ohne es ist die erste Überschrift der Titel. Eine Zeile \newpage beginnt eine neue Seite, und ein Link auf eine Überschrift funktioniert im PDF:

---
title: Release notes 2.4
author: Fennlor Studio GmbH
---

# Release notes 2.4

## What is new

- Faster previews, see [the numbers](#numbers)
- Footnotes in the export[^1]
- [x] Tested on every plan

## Numbers

| Step    | Before | After  |
| :------ | -----: | -----: |
| Preview | 840 ms | 310 ms |
| Export  | 2.1 s  | 1.4 s  |

\newpage

## Thanks

To everyone who reported a problem.

[^1]: From version 2.4 on.

Was die Einstellungen steuern

• Aussehen. settings.markdown.theme ist document, das den Text gestaltet, in Schriften und Farbe des Brand-Kits, wo der Workspace eines hat, oder none; settings.markdown.css kommt danach.
• Rohes HTML. In der Vorgabe als Text gezeigt. settings.markdown.html: "allow" schreibt es, wie es steht, für Markdown, das Sie selbst geschrieben haben, nie für Text Ihrer Nutzer oder eines Modells.
• Zeilenumbrüche. settings.markdown.breaks: true macht einen einzelnen Zeilenumbruch zu einem Zeilenumbruch, für Text aus einem Chat.
• Papier, Kopf- und Fußzeile. paper, margin, header.html und footer.html funktionieren wie bei HTML; Elemente mit den Klassen pageNumber und totalPages zeigen die Seitenzahlen.

Platzhalter im Markdown

Mit "engine": "jinja2" (oder liquid, handlebars) und einem data-Objekt wird {{ … }} im Text gefüllt, bevor er als Markdown gelesen wird, mit allen Helpern. Der Markdown-Guide erklärt den Rest.

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 Markdown-zu-PDF-API.

Weitere Guides für Node.js (TypeScript)

• PDF-Rechnung aus JSON erzeugen mit Node.js (TypeScript)
• ZUGFeRD-E-Rechnung erstellen mit Node.js (TypeScript)
• HTML in PDF umwandeln mit Node.js (TypeScript)
• Open-Graph-Bilder erzeugen mit Node.js (TypeScript)
• PDFs aus einer CSV erzeugen mit Node.js (TypeScript)
• PDFs zusammenfügen und mit Passwort schützen mit Node.js (TypeScript)
• PDF asynchron rendern und den Webhook prüfen mit Node.js (TypeScript)