Typst
Die Typst-Direktive ermöglicht es, Typst-Dokumente direkt in Ihrem Hyperbook zu rendern. Typst ist ein modernes, Markup-basiertes Satzsystem, das leicht zu erlernen ist und schöne Dokumente erstellt.
Verwendung
Um die Typst-Direktive zu verwenden, umschließen Sie Ihren Typst-Code in einem :::typst-Block mit einem Code-Block, der die Sprache typ oder typst verwendet.
Vorschau-Modus
Im Vorschau-Modus wird nur die gerenderte Ausgabe angezeigt, zusammen mit einer Download-Schaltfläche zum Exportieren als PDF.
:::typst{mode="preview"}
```typ
= Hallo Welt!
Dies ist ein einfaches Typst-Dokument.
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
```
:::Bearbeiten-Modus
Im Bearbeiten-Modus wird ein Editor neben der Vorschau angezeigt, mit dem Benutzer den Typst-Code ändern und Live-Updates sehen können.
:::typst{mode="edit"}
```typ
= Interaktives Dokument
Sie können diesen Text bearbeiten und die Änderungen live sehen!
$ sum_(i=1)^n i = (n(n+1))/2 $
```
:::Optionen
| Option | Beschreibung | Standard |
|---|---|---|
mode |
Anzeigemodus: preview (nur Ansicht) oder edit (mit Editor) |
preview |
height |
Höhe des Vorschau-Containers. Akzeptiert CSS-Werte wie 100px, 50vh, calc(100dvh - 200px) |
auto für preview, calc(100dvh - 128px) für edit |
src |
Pfad zu einer externen .typ-Datei |
- |
Laden aus externer Datei
Sie können Typst-Code aus einer externen Datei laden, indem Sie das src-Attribut verwenden:
:::typst{mode="preview" src="dokument.typ"}
:::Die Datei wird in folgenden Verzeichnissen gesucht (in dieser Reihenfolge):
public/-Verzeichnisbook/-Verzeichnis- Verzeichnis der aktuellen Seite