Mathematik und Diagramme

Formeln setzt KaTeX, Diagramme rendert Mermaid, Code-Blöcke erhalten Syntax-Highlighting — alles in Lese-Ansicht, geteilter Ansicht und Live-Modus.

KaTeX inline

Formeln zwischen einfachen Dollar-Zeichen rendern im Fließtext. Eine Heuristik schützt Dollar-Beträge: $100 im Satz bleibt Text, nur echte Formel-Paare werden gesetzt.

Die Lösung ist $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$ nach der Mitternachtsformel.

Die Lösung ist $x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$ nach der Mitternachtsformel.

KaTeX als Block

Doppelte Dollar-Zeichen setzen eine abgesetzte, zentrierte Formel.

$$
\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
$$

$$\sum_{i=1}^{n} i = \frac{n(n+1)}{2}$$

Mermaid

Code-Blöcke mit dem Sprach-Tag mermaid rendern als SVG-Diagramm und folgen dem Theme. Die gängigen Typen:

Flowchart

```mermaid
flowchart LR
  A[Start] --> B{Entscheidung}
  B -->|ja| C[Umsetzen]
  B -->|nein| D[Verwerfen]
```

flowchart LR
  A[Start] --> B{Entscheidung}
  B -->|ja| C[Umsetzen]
  B -->|nein| D[Verwerfen]

Sequence

sequenceDiagram
  participant N as Nutzer
  participant A as App
  N->>A: Datei öffnen
  A-->>N: gerenderte Ansicht

Gantt

gantt
  dateFormat YYYY-MM-DD
  title Mini-Plan
  section Phase 1
  Konzept     :a1, 2026-01-01, 10d
  Umsetzung   :after a1, 15d

Class

classDiagram
  class Tab {
    +path
    +viewMode
    +close()
  }
  class Pane
  Pane "1" --> "*" Tab

Code-Blöcke mit Syntax-Highlighting

Ein Sprach-Tag hinter den öffnenden Backticks aktiviert die Farbpalette (folgt dem Theme):

```javascript
function greet(name) {
  return `Hallo, ${name}!`;
}
```

function greet(name) {
  return `Hallo, ${name}!`;
}

Der Copy-Button rechts oben am Block kopiert den Inhalt in die Zwischenablage — auch hier im Handbuch.

Export

• PDF-Export: Diagramme werden als gerenderte Vektorgrafik gedruckt und dafür hell neu gezeichnet; Formeln und Code-Hervorhebung erscheinen wie in der Vorschau.
• Portables Markdown: Der Export brennt das Diagramm als fertiges Bild in die Datei ein — der Empfänger sieht es, ohne dieses Programm zu besitzen. Gezeichnet wird immer hell, unabhängig davon, in welchem Farbschema Sie arbeiten. Ein Diagramm mit fehlerhaftem Quelltext bleibt unverändert als Code-Block stehen, damit Sie den Quelltext nicht verlieren; dasselbe gilt bei ausgeschalteter Erweiterung «Mermaid-Diagramme». Das Diagramm steht als Bild mit eingebetteter Adresse in der Datei; Voraussetzung ist ein Markdown-Betrachter, der eingebettetes HTML und solche Bilder darstellt — für das HTML dieselbe Voraussetzung wie bei den exportierten Perspective-Tabellen. KaTeX-Formeln und Code-Blöcke mit Sprach-Tag sind gewöhnliche Markdown-Syntax und bleiben davon unberührt.