Der ASCII-Modus verwandelt Ihr Mermaid-Diagramm in Textgrafik — perfekt für Code-Kommentare, README-Dateien, Pull-Request-Beschreibungen, Terminal-Ausgaben oder überall dort, wo kein Bild Platz hat.
In den ASCII-Modus wechseln
Klicken Sie auf ASCII im Modus-Umschalter der Navigationsleiste (oder öffnen Sie /ascii direkt). Derselbe Mermaid-Code im Editor wird als Zeichen statt als SVG gerendert:
┌───────┐ ┌────────┐
│ Start │─────▶│ Ship it│
└───────┘ └────────┘Das ASCII-Rendering wird von beautiful-mermaid angetrieben, einem TypeScript-Port von mermaid-ascii. Der Renderer wird lazy geladen — er wird erst heruntergeladen, wenn Sie den ASCII-Modus zum ersten Mal öffnen.
Einstellungen
Bei aktivem ASCII-Modus zeigt das rechte Panel die ASCII-Einstellungen:
- Zeichensatz —
Unicode ─│┌verwendet Rahmenzeichen für glatte Linien und Ecken;ASCII - | +beschränkt die Ausgabe auf einfache ASCII-Zeichen für maximale Kompatibilität (alte Terminals, Code-Review-Tools, Nur-Text-E-Mails). - Schriftgröße — skaliert den gerenderten Text, nützlich, um ein großes Diagramm in einen schmalen Kommentarblock zu bekommen.
Unterstützte Diagrammtypen
Flussdiagramme und Sequenzdiagramme lassen sich am besten rendern. Einige Mermaid-Diagrammtypen werden vom ASCII-Renderer noch nicht unterstützt — für diese zeigt die Vorschau eine lokalisierte Ersatzmeldung statt eines fehlerhaften Renderings an.
Sehr lange Verbindungen (---->) werden vor dem Rendern automatisch normalisiert, sodass Diagramme mit gestreckten Kanten trotzdem sinnvolle Ergebnisse liefern.
Export
Im ASCII-Modus bietet der Exportdialog TXT (Klartext) an — das gerenderte Textdiagramm, bereit zum Einfügen überall. Siehe Exportieren und teilen.
ASCII-Vorlagen durchsuchen
Öffnen Sie /ascii/templates, um die Vorlagengalerie als ASCII-Grafik zu durchsuchen. Nicht unterstützte Vorlagen werden automatisch herausgefiltert, und die Typ-Filter-Chips helfen Ihnen, einen Ausgangspunkt zu finden. Siehe Vorlagen.