# Sandbox: die Vorschauen

> Die Tabs Canvas, PDF, Folio, HTML und EPUB 3 im Hauptansichtsbereich: was jeder zeigt und was er kann

- HTML-Fassung: https://postext.dev/de/docs/sandbox-previews
- Zuletzt aktualisiert: 2026-10-16
- Lesezeit: 14 min
- Andere Sprachen: [en](https://postext.dev/en/docs/sandbox-previews.md), [es](https://postext.dev/es/docs/sandbox-previews.md), [ca](https://postext.dev/ca/docs/sandbox-previews.md), [fr](https://postext.dev/fr/docs/sandbox-previews.md), [it](https://postext.dev/it/docs/sandbox-previews.md), [pt](https://postext.dev/pt/docs/sandbox-previews.md), [zh](https://postext.dev/zh/docs/sandbox-previews.md), [ja](https://postext.dev/ja/docs/sandbox-previews.md), [ar](https://postext.dev/ar/docs/sandbox-previews.md)

## Kurz gesagt

Diese Seite behandelt den rechten Bereich der Sandbox, in dem die fertigen Seiten erscheinen. Fünf Tabs zeigen dasselbe Buch auf fünf Arten: als Seitenbilder, als PDF-Datei, als 3D-Buch zum Durchblättern, als Webseite und als E-Book im Format EPUB. Ein Wechsel des Tabs setzt das Buch nicht neu, deshalb zeigt jeder Tab dieselben Seiten. Die Seite erklärt, was jeder Tab zeigt und was Sie darin tun können.

## Hauptansichtsbereich

Die rechte Seite der Oberfläche zeigt die gerenderte Ausgabe. Es gibt fünf Tabs, einen je Darstellungsart, in dieser Reihenfolge: **Canvas**, **PDF**, **Folio**, **HTML** und **EPUB 3**. Ein Tabwechsel löst kein neues Layout aus: Derselbe VDT speist jedes Backend, sodass der Inhalt, den Sie sehen, in allen Darstellungsarten übereinstimmt. Der Tab Folio wird nur angeboten, wo der Browser WebGL2 hat und der Bildschirm nicht der eines Telefons ist (siehe [Tab Folio](https://postext.dev/de/docs/sandbox-previews.md#tab-folio)).

Jeder Ansichtsbereich führt die Layout-Pipeline in einem eigenen **Web Worker** (`postext/worker`) aus. Ein Hook `useLayoutWorker` je Ansichtsbereich hält das Worker-Handle, übergibt ihm die Schriften als übertragbare `ArrayBuffer` und steuert die Builds mit **Abbruch nach dem Prinzip „der Letzte gewinnt“** – ein Tastendruck oder das Ziehen eines Schiebereglers bricht das `AbortSignal` des vorherigen Builds ab, bevor der nächste beginnt, sodass sich bei schnellem Tippen im Haupt-Thread nie veraltete Arbeit staut. Wird ein Ansichtsbereich ausgehängt, gibt er seinen Worker frei und weist jeden ausstehenden Build zurück. Das hier verwendete Integrationsmuster beschreibt [Konfiguration → Layout in einem Web Worker ausführen](https://postext.dev/de/docs/configuration-programmatic-usage.md#layout-in-einem-web-worker-ausführen).

> **Abbildung: Ein VDT, fünf Ausgaben**
> Markdown und Konfiguration der Sandbox speisen einen einzigen VDT im Arbeitsspeicher. Canvas, PDF, Folio, HTML und EPUB 3 rendern jeweils aus diesem selben VDT, sodass jeder Tab dasselbe Layout zeigt.
>
> *Ein einziger VDT speist die fünf Ausgabe-Tabs.*

### Tab Canvas

Rendert eine gerasterte Vorschau des Dokuments auf einem HTML5-Element `<canvas>`. Das ergibt eine pixelgenaue Darstellung davon, wie das fertig gesetzte Dokument aussehen wird, einschließlich genauer Textpositionen, Spaltenaufteilung und Platzierung der Ressourcen.

Eine Werkzeugleiste oben im Canvas-Ansichtsbereich bietet:

- **Zoom** – Vergrößern und Verkleinern (Faktor 1,25 je Schritt, Bereich 0,25x–4x). Manuelles Zoomen schaltet den Anpassungsmodus ab.
- **Anpassungsmodi** – An Seitenbreite oder an Seitenhöhe anpassen. Lässt sich ein- und ausschalten; die Anpassung wird bei einer Größenänderung des Fensters automatisch neu berechnet.
- **Ansichtsmodi** – Einzelseite (eine Seite je Reihe) oder Doppelseite (buchartige Anordnung, bei der die erste Seite rechts als Recto steht und die folgenden Seiten zu Doppelseiten gepaart werden). Ein rechts gebundenes Buch (`page.binding`, vertikales Chinesisch) zeigt seine Doppelseiten andersherum: Seite 1 allein links, dann `[3 | 2]`, `[5 | 4]`. Auf einer vertikalen Seite landet ein Klick auf dem Zeichen unter dem Zeiger, und die Einfügemarke ist ein Balken quer über die Spalte.
- **Druckvorschau** (Symbol `Printer`) – Zeigt die Seiten so, wie sie gedruckt werden, standardmäßig aus und vom Browser gespeichert: jede Farbe über das Ausgabeprofil aus *Druckvorbereitung* separiert und auf dem eigenen Weiß des Papiers gezeigt, große schwarze Flächen in Tiefschwarz; ein auf Graustufen gezwungenes PDF erscheint allein in schwarzer Druckfarbe. Nur was gedruckt wird: keine Bildschirmhilfslinien und keine Umrisse (die Befunde des Preflights stehen unter **Prüfungen**). Der Tab Folio teilt den Schalter. Er zeichnet die Seiten neu und setzt sie nie neu.

Seiten werden verzögert über `IntersectionObserver` gerendert – nur sichtbare Seiten (plus ein Rand von 200 px) werden auf das Canvas gezeichnet, was den GPU-Speicherbedarf bei langen Dokumenten niedrig hält.

### Tab PDF

Erzeugt über das Paket `postext-pdf` ein echtes PDF des aktuellen Dokuments und zeigt es in einem eingebetteten PDF-Betrachter des Browsers. Das PDF wird beim ersten Einhängen und bei jeder weiteren Neuerzeugung automatisch neu gebaut, aus demselben VDT, der die Tabs Canvas und HTML speist – deshalb stimmen Zeilenumbrüche, Seitengrenzen und Platzierung der Ressourcen in den drei Backends pixelgenau überein, bis hin zur Stauchung überfüllter Schlusszeilen, die Knuth-Plass gelegentlich zulässt.

Eine schwebende Werkzeugleiste unten rechts im Ansichtsbereich bietet:

- **Neu berechnen** (Symbol `RefreshCw`) – Baut das PDF aus dem aktuellen Markdown und der aktuellen Konfiguration neu. Nützlich nach der Änderung einer Einstellung, die nicht automatisch einen Neuaufbau auslöst, oder wenn die Schriften fertig geladen sind.
- **Herunterladen** (Symbol `Download`) – Speichert das aktuelle PDF auf der Festplatte. Der Dateiname wird aus der ersten H1-Überschrift des Dokuments abgeleitet (ersatzweise `document.pdf`).
- **Drucken** (Symbol `Printer`) – Öffnet den Druckdialog des Browsers für den eingebetteten PDF-Betrachter, mit dem Sie in den meisten Browsern drucken oder erneut als PDF speichern können.
- **Aktuelles Kapitel / Ganzes Buch** (Auswahl links in der Tab-Leiste, bei Büchern mit mehr als einem Kapitel) – Rendert alle Kapitel als ein durchgehendes PDF statt des aktiven Kapitels als Fortsetzung der vorhergehenden (der Standard). Eine Änderung erzeugt das PDF neu. Das Canvas hat eine eigene Auswahl (siehe [Bücher und Kapitel](https://postext.dev/de/docs/sandbox-books-saving.md#bücher-und-kapitel)).

Intern verwendet die Sandbox eine Hilfsfunktion `createPdfFontProvider()`, die statische WOFF2-Dateien je Schriftstärke vom jsDelivr-CDN von Fontsource abruft, die Dateien, mit denen ihre Vorschauen gemessen werden, sie im Browser zu TTF dekomprimiert und die Bytes über `renderToPdf` an `pdf-lib` übergibt. Statische Schriften je Stärke (statt einer einzigen variablen Schrift) sind nötig, damit fetter Text tatsächlich in der fetten Stärke eingebettet wird. Dasselbe Muster außerhalb der Sandbox beschreibt [PDFs erzeugen](https://postext.dev/de/docs/configuration-pdf-output.md#pdfs-erzeugen).

### Tab Folio

Zeigt das Buch als gedrucktes Objekt: die von der Engine gesetzten Seiten, gebunden und aufgeschlagen auf einem Tisch liegend, in 3D (`postext-folio`, three.js). Die Seiten sind die Zeichnungen des Canvas selbst, Texel für Pixel gezeigt, sodass der Text so scharf ist wie im Tab Canvas; anders ist alles um sie herum. Papier, Bindung, Tisch und Licht stammen aus der Gruppe **Folio** des Bedienfelds Gestaltung (der Konfiguration `folio`), und ein Abschnitt `:::paper` im Text druckt seine Seiten auf einer anderen Papiersorte (siehe [Dokumentformat › `:::paper`](https://postext.dev/de/docs/document-format-directives.md#paper)).

- **Was er zeigt.** Der Tab Folio folgt der Auswahl **Aktuelles Kapitel / Ganzes Buch** des Canvas. Ein Kapitel wird als Teil seines Buchs gezeigt: Die Seiten davor und danach zählen in die Dicke der beiden Seitenblöcke ein, und das Kapitel beginnt auf seiner tatsächlichen Seite der Doppelseite. Ein rechts gebundenes Buch (`page.binding: 'right'` oder ein vertikales Buch) liegt gespiegelt und blättert seine Blätter nach links.
- **Umblättern.** Fassen Sie eine Seite an ihrer Kante und ziehen Sie sie hinüber; lassen Sie sie hinter der Hälfte los, blättert sie um, davor fällt sie zurück. Ein Klick auf eine Seite blättert sie um (die rechte vorwärts, die linke zurück), ebenso die Schaltflächen ‹ › der Werkzeugleiste und die Pfeiltasten, Bild auf/ab, Pos1 und Ende, wenn das Buch den Fokus hat. Jedes Blatt biegt sich gemäß seinem Papier: Dünndruckpapier rollt sich eng, Karton blättert in weitem Bogen, Pappe und die Deckel wenden sich als starre Platten.
- **Weite Sprünge.** Eine Seite, die mehr als zehn Seiten entfernt ist (im Seitenfeld eingegeben, vom Permalink genannt, über einen Link oder die Einfügemarke im Bedienfeld Text erreicht), wird in einer Bewegung erreicht: Der Seitenblock dazwischen hebt sich als Ganzes, so dick wie diese Seiten, und wird auf die andere Seite gelegt. Bis zu zehn Seiten werden die Blätter einzeln umgeblättert.
- **Um das Buch herumschauen.** Ziehen mit der rechten Maustaste kreist die Ansicht um das Buch, bis zu 70° von oben gesehen: um den Rücken, den Vorderschnitt oder die Dicke des Blocks zu sehen. Die Ansicht bleibt, wo Sie sie lassen, auch während Seiten umblättern, bis **Ansicht zurücksetzen** sie sanft auf die Ansicht der Einstellungen zurückführt (*Neigung* und *Drehung*). **Als Standardansicht speichern** speichert die Ansicht, wie Sie sie sehen, in diesen Einstellungen, sodass sich das Buch dort öffnet und Ansicht zurücksetzen dorthin zurückkehrt.
- **Funktion des Zeigers.** Drei Schaltflächen in der Werkzeugleiste legen fest, was die linke Maustaste (ein Finger, ein Stift) auf dem Buch tut: **Von Hand blättern**, der Standard, wie oben; **Ansicht drehen**, dasselbe wie Ziehen mit der rechten Maustaste, für ein Trackpad oder ein Tablet; **Text auswählen**, das wie im Tab Canvas auf dem Buch wirkt, wie es zu sehen ist, geneigt oder gekreist: Ein Klick setzt die Einfügemarke im Bedienfeld Text, Ziehen wählt aus, ein Doppelklick nimmt ein Wort, ein Klick auf einen Link folgt ihm. Die Wahl wird gespeichert; H, O und S wechseln sie, solange das Buch den Fokus hat.
- **Dem Editor folgen.** Einfügemarke und Auswahl des Bedienfelds Text werden auf die Seiten gezeichnet und bleiben dort, während Sie tippen: Die Seite zeigt die Änderung, sobald sie neu gesetzt ist. Bewegen Sie die Einfügemarke im Editor auf eine Seite, die nicht zu sehen ist, blättert das Buch dorthin.
- **Deckel.** Mit *Umschlag: Eine Buchdecke um die Seiten* wird das Buch in eine Decke aus Leinen, Karton oder Leder in der Deckelfarbe gebunden. Mit *Die Seiten des Dokuments* ist die erste Seite der vordere Deckel und die letzte Seite (wenn sie auf eine linke Seite fällt) der hintere: Das Buch liegt geschlossen, bis der Deckel umgeschlagen wird, und das Umblättern des letzten Blatts schließt es wieder. Ein dickes Buch öffnet sich mit seinem Rücken aufrecht zwischen den beiden Blöcken.
- **Die Werkzeugleiste.** Eine schwebende Leiste wie die des Canvas: **Neu berechnen**, **Ansicht zurücksetzen**, **Als Standardansicht speichern**, die drei Zeigermodi, **Druckvorschau** (der Proof des Canvas, auf dem Papierweiß des Ausgabeprofils, sodass der Papierton des Buchs währenddessen beiseitegelassen wird; derselbe Schalter wie beim Canvas), die Pinnadel, ‹ › und das Seitenfeld, das eine Seitenzahl des Buchs annimmt und zu deren Doppelseite blättert. Die Seite rechts in der geöffneten Doppelseite ist die, die der Permalink nennt (`view=folio&page=N`).
- **Einstellungen wirken sofort.** Die Folio-Einstellungen gehören nicht zum Layout: Eine Änderung von Papier, Bindung oder Licht zeichnet das Buch neu, ohne eine Seite neu zu setzen.
- **Wo er angeboten wird.** Der Tab braucht WebGL2 und einen Bildschirm, dessen kurze Seite mindestens 600 px misst: Auf einem Telefon braucht das 3D-Buch mehr Speicher, als der Browser einem Tab gibt, deshalb wird der Tab dort nicht gezeigt (ebenso wenig in einem Browser ohne WebGL2). In einem Bereich, der schmaler als 560 px ist, zeigt das Buch eine Seite auf einmal; das Blatt wendet sich trotzdem über den Rücken. Verlangt das System reduzierte Bewegung, wechseln die Doppelseiten ohne Umblättern.
- **Videos auf der Seite.** Ein Klick auf das Vorschaubild eines Videos spielt es auf der Seite ab, in jedem der drei Zeigermodi, und das Bild läuft weiter, während sich das Blatt wendet und wölbt. Ein weiterer Klick hält es an; der Start eines anderen stoppt das erste, es sei denn, *Neben anderen Videos abspielen* ist an; das Video stoppt, wenn das Buch auf einer Doppelseite zur Ruhe kommt, die es nicht mehr zeigt. Die Leertaste spielt das Video der geöffneten Doppelseite ab oder hält es an. Ein Video mit eingeschaltetem *Automatisch abspielen* startet von selbst, wenn seine Doppelseite zum ersten Mal gezeigt wird, mit Ton, sobald Sie auf die Seite geklickt haben (vorher stumm, und ein Klick schaltet den Ton ein); die beiden Videos des Leitfadens tun das. Hochgeladene Dateien und Videos unter einer Adresse (MP4, HLS) werden so abgespielt, wenn ihr Server ursprungsübergreifendes Lesen erlaubt; YouTube- und Vimeo-Videos blättern die Seite wie bisher um (siehe [Dokumentformat › Videos auf den Seiten von Folio](https://postext.dev/de/docs/document-format-resources.md#videos-auf-den-seiten-von-folio)).
- **Textalternativen.** Jede Seite wird als Bild gezeichnet; ihr barrierefreier Name verweist für ihren Text auf den Tab HTML und das Bedienfeld Text.

### Tab HTML

Rendert die Postext-Ausgabe in einem Shadow-DOM-Container und sorgt so für eine vollständige Trennung der Stile von der Host-Seite. Das redaktionelle CSS (Typografie, Abstände, Spaltenlinien) wird in die Shadow Root eingefügt, sodass es von den Stilen der umgebenden Anwendung weder beeinflusst werden noch in sie durchsickern kann.

Markdown-Links sind hier und im PDF aktiv (siehe [Dokumentformat › Links](https://postext.dev/de/docs/document-format-inline.md#links)). In diesem Tab öffnet ein Klick darauf das Ziel in einem neuen Browser-Tab, sodass die Sandbox geöffnet bleibt; Verweise mit `:ref` springen weiterhin innerhalb des Dokuments.

Videos werden hier abgespielt: ein YouTube- oder Vimeo-Video im Player der Plattform, eine Datei oder eine Adresse im Player des Browsers (ein HLS-Stream über hls.js, wo der Browser kein eigenes HLS hat), mit den Player-Optionen aus *Videostil* im Bedienfeld Gestaltung und denen jedes Videos. Klicks auf einen Player gehen an den Player, nicht an den Editor. Steht **Im HTML-Betrachter** auf *Vorschaubild*, zeigt der Tab das gedruckte Vorschaubild, verlinkt mit dem Video.

Eine Werkzeugleiste oben im Ansichtsbereich bietet:

- **Schriftgröße** – Verkleinert oder vergrößert den Fließtext und erhält dabei jedes relative Maß der Konfiguration.
- **Spaltenmodi** – Einzeln (eine hohe, scrollbare Spalte) oder mehrspaltig (so viele Spalten, wie deren Breite der konfigurierten Satzbreite am nächsten kommt, mit waagerechtem Einrasten beim Scrollen zwischen den Seiten). Ein zweispaltiges Dokument behält seine zweispaltigen Seiten, aber der Betrachter kann eine ungerade Zahl von Spalten zeigen – drei statt zwei gedehnter oder vier gestauchter –, wenn das am besten passt; die letzte gehört dann zur nächsten Seite und ist halb zu sehen. Ein Dokument oder ein Abschnitt im Modus *Mehrere Spalten* wird ebenfalls als zweispaltige Seiten gezeigt: Drei bis acht Druckspalten wären bei Bildschirmbreite schmale Streifen, deshalb setzt der Betrachter seinen Text zweispaltig je Seite und zeigt so viele nebeneinander, wie die Satzbreite erlaubt. Ein rechts gebundenes Buch (`page.binding`) lässt seine Seiten im mehrspaltigen Modus von rechts nach links laufen: Der Betrachter öffnet am rechten Ende, und der Pfeil ‹ führt zur nächsten Seite. Ein vertikal gesetztes Buch liest sich nur im mehrspaltigen Modus: Die Schaltfläche **Einzeln** ist deaktiviert, mit einem Tooltip, der den Grund nennt, und Ihre gespeicherte Wahl kehrt mit dem nächsten horizontalen Buch zurück.

Die Spaltengeometrie wird vom Abschnitt **Web-Leseansicht (HTML)** des Bedienfelds Gestaltung gesteuert (**Gestaltung → Export**): `maxCharsPerLine` legt die Ziel-Satzbreite in Zeichen der Fließtextschrift fest, `columnGap` den waagerechten Abstand zwischen den Spalten im mehrspaltigen Modus, und `optimalLineBreaking` schaltet Knuth-Plass im Betrachter ein oder aus. Dasselbe Muster, das die Sandbox intern verwendet, zeigen die [Referenz zur Konfiguration des HTML-Betrachters](https://postext.dev/de/docs/configuration-fonts-colors-viewers.md#html-betrachter) und das durchgängige [Integrationsbeispiel](https://postext.dev/de/docs/configuration-html-folio-epub.md#den-html-betrachter-einbinden).

### Tab EPUB 3

Schreibt das ganze Buch mit dem Paket `postext-epub` als EPUB-3-Datei, zeigt es in einem Lesesystem im Tab und lädt es herunter. Die Datei wird im Browser aus demselben kapitelweisen Layout gebaut, das der Tab PDF für **Ganzes Buch** verwendet, sodass Seitenzahlen, Anmerkungen, Querverweise, Inhaltsverzeichnis und Register dieselben sind, die das PDF druckt. Der Tab hat keine Auswahl **Aktuelles Kapitel / Ganzes Buch**, da ein EPUB immer das ganze Buch enthält. An ihrer Stelle bietet er links in der Tab-Leiste die Darstellungsform an (auf einem Telefon als Symbole).

EPUB 3 kennt zwei Darstellungsformen, benannt nach der Eigenschaft `rendition:layout` des Pakets:

- **Festes Layout** (`pre-paginated`, oft FXL genannt): jede Seite so, wie sie gedruckt wird. Jede Seite ist ein eigenes Dokument mit der Größe der Seite, und der Text steht dort, wo das PDF ihn hinsetzt, in den Schriften des Buchs, bleibt aber echter Text, der sich auswählen, durchsuchen und vorlesen lässt. Doppelseiten werden wie im Druck gepaart, und ein rechts gebundenes Buch (Arabisch, vertikales Chinesisch) blättert von rechts nach links. Die Gestaltung bleibt erhalten: Spalten, Gleitobjekte, Kolumnentitel, Kapitelauftakte, die genauen Zeilenumbrüche. Wählen Sie es für Bücher, deren Seiten als Seiten gestaltet sind, etwa illustrierte Bücher, Lehrbücher, Kataloge und Zeitschriften, und für Lesesysteme mit großem Bildschirm. Auf einem kleinen Bildschirm wird die Seite verkleinert, und die Leserin oder der Leser zoomt hinein, um sie zu lesen.
- **Umfließend** (der Standard auf Telefonen und Computern und der Standard von EPUB): Text, Abbildungen und Tabellen in Lesereihenfolge, vom Lesesystem neu gesetzt für seinen Bildschirm und für Schrift, Schriftgrad und Ränder, die die Lesenden wählen. Absätze werden aus den gesetzten Zeilen wieder aufgebaut (die am Zeilenende hinzugefügten Trennstriche werden entfernt), Abbildungen und Tabellen folgen dem Text, der auf sie verweist, Kästen werden zu Asides, Fußnoten verlinken auf die Anmerkungen am Ende jedes Kapitels und zurück, und die gedruckten Seitenzahlen bleiben als Seitenmarken erhalten. Ein aus der Gestaltung abgeleitetes Stylesheet gibt Überschriften, Kästen, Tabellen und Legenden ihr Aussehen, aber die Seitengeometrie entfällt: keine Spalten, keine Kolumnentitel, keine festen Zeilenumbrüche. Wählen Sie es für Fließtext, etwa Romane, Essays und Berichte, und für Telefone und E-Ink-Lesegeräte.

Solange keine gewählt ist, öffnet sich der Tab auf einem Tablet wie einem iPad, dessen Bildschirm Platz für die gedruckte Seite hat, im festen Layout und überall sonst umfließend. Die Wahl wird zwischen Besuchen gespeichert (`postext-sandbox-epub-layout`), und ein Wechsel schreibt die Datei sofort neu.

- **Erzeugung.** Das EPUB wird beim ersten Öffnen des Tabs geschrieben und erneut, wenn **Neu berechnen** gedrückt wird. Ein Fortschrittsbalken zählt die gesetzten Kapitel, dann die Schritte des Schreibers (Schriften, Bilder und Titelbild; die Seiten oder Kapitel; das Paket), und Screenreader hören, wann die Datei fertig oder fehlgeschlagen ist. Nach einer Änderung zeigt ein Pfeil neben **Neu berechnen**, dass die Datei nicht mehr zum Text passt, wie im Tab PDF. Das Verlassen des Tabs oder ein Wechsel der Darstellungsform bricht eine laufende Erzeugung ab. Ein langes Buch braucht einige Sekunden, in denen die Seite nicht reagiert.
- **Was in die Datei kommt.** Die Metadaten stammen aus dem Front Matter des ersten Kapitels: `title`, `subtitle`, `author` (ein Name oder eine Liste), `publishDate` oder `date`, `isbn` oder `identifier`, `publisher`, `rights` und `description`; die Sprache kommt aus `locale` der Konfiguration. Ein Buch ohne Kennung erhält eine, die aus dem Projekt (oder aus dem Beispielbuch und seiner Sprache) abgeleitet ist, sodass jedes EPUB desselben Buchs in der Bibliothek eines Lesesystems eine Identität behält. Jede Schriftfamilie, die die Gestaltung nennt, wird eingebettet: Teilstücke von Google Fonts nur dort, wo das Buch Zeichen druckt, die sie enthalten, eigene Familien, sofern sie nicht als nicht weitergebbar markiert sind. Bilder kommen so hinein, wie sie gespeichert sind, nie als Druckvorlage des PDF; jedes SVG trägt die Schriften, die sein Text nennt (eigene Familien wie Google-Familien), außer als nicht weitergebbar markierten Familien, die gemeldet werden. Videodateien kommen unter `media/` hinein und werden im Player des Lesesystems abgespielt; eine Datei ohne ihre Bytes wird von ihrer Produktionsadresse abgespielt, die das Paket als entfernte Ressource deklariert, und ein YouTube- oder Vimeo-Video ist sein Vorschaubild, verlinkt mit dem Video. Das Titelbild ist das eigene Bild des Buchs, wenn es eine Bitmap von mindestens 600 px Breite ist, sonst die erste Seite, 1.600 px breit gerendert, ohne den Rand für die Schnittmarken.
- **Das Lesesystem.** Der Tab öffnet die Datei, die er gerade geschrieben hat, also die Bytes, die Sie herunterladen, keine separate Vorschau. Das feste Layout zeigt eine Seite oder, wenn der Bereich breit genug ist, eine Doppelseite, eingepasst; das umfließende Buch wird bildschirmweise geblättert (bei vertikalem Chinesisch von oben nach unten), und seine Seiten laufen von einem Kapitel zum nächsten weiter. Links im Buch bewegen das Lesesystem; Web- und Mail-Links öffnen sich in einem neuen Browser-Tab. ← / →, Bild auf / Bild ab, Pos1 und Ende blättern, und in einem Buch von rechts nach links geht ← vorwärts.
- **Die Werkzeugleiste.** Eine schwebende Leiste wie die des Tabs PDF: **Neu berechnen**, die Pinnadel, **EPUB herunterladen** mit der Dateigröße (die Datei ist nach dem Titel des Buchs benannt), eine Schaltfläche für Warnungen, wenn der Schreiber etwas gemeldet hat, **Inhalt** (eine Sprungliste aus dem Inhaltsverzeichnis des Buchs), **Schrift vergrößern** und **Schrift verkleinern** (nur umfließend, die Leseposition bleibt erhalten), ‹ › und im festen Layout das Seitenfeld. Das Seitenfeld zählt Seiten in der Lesereihenfolge der Datei, wobei das Titelbild 1 ist; die Rahmen benennen jede Seite mit ihrer gedruckten Nummer.
- **Warnungen.** Die Schaltfläche für Warnungen listet auf, was die Datei nicht so tragen konnte, wie das Buch es hat: ein Bild ohne gespeicherte Datei (ein leerer Rahmen tritt an seine Stelle), eine Familie, Stärke oder ein Stil ohne eingebettete Schrift (Lesesysteme ersetzen sie), eine ausgelassene Familie, weil sie nicht weitergegeben werden darf, und alles, was die Darstellungsform nicht ausdrücken kann. Dieselben Meldungen gehen an die Konsole des Browsers.
- **Die Datei prüfen.** Beide Darstellungsformen des Leitfadens und der Beispielbücher bestehen [W3C EPUBCheck](https://www.w3.org/publishing/epubcheck/) 5.4 ohne Fehler oder Warnungen. Um Ihr eigenes Buch zu prüfen, laden Sie es herunter und führen Sie `epubcheck book.epub` aus, oder lesen Sie es in Apple Books, Thorium Reader oder Calibre.

Wie Sie dieselben Dateien aus Ihrem eigenen Code schreiben, beschreibt [EPUB-Bücher](https://postext.dev/de/docs/configuration-html-folio-epub.md#epub-bücher-postext-epub).
