Inhalte und Diagramme formatieren
Anleitung zur Verwendung von Markdown-Formatierung und zum Rendern interaktiver Mermaid-Flussdiagramme
Erfahren Sie, wie Sie Text mit Markdown formatieren und interaktive Mermaid-Diagramme in Atoms rendern.
Formatierte Markdown-Inhalte anzeigen
Atoms unterstützt nativ Markdown-Formatierung in Chat-Antworten, Dokumentation und gerenderten Ansichten.
Unterstützte Markdown-Elemente
- Überschriften: Verwenden Sie
#,##oder###für strukturierte Abschnittsüberschriften. - Hervorhebung: Verwenden Sie
**bold**oder*italic*Text. - Listen: Verwenden Sie
-oder1.für Aufzählungen und nummerierte Listen. - Codeblöcke: Umschließen Sie Codeausschnitte mit dreifachen Backticks () mit Syntaxhervorhebung für die jeweilige Sprache.
Um formatierte Ausgabe anzufordern, weisen Sie einfach Ihren KI-Agent an:
- "Bitte formatiere deine Antwort in klarem Markdown mit Unterüberschriften und Aufzählungspunkten."
Mermaid-Diagramme anzeigen und rendern
Atoms unterstützt das Rendern von Flussdiagrammen, Sequenzdiagrammen und Architekturübersichten mit Mermaid.js.
So erzeugen Sie Mermaid-Diagramme
Fordern Sie Ihren KI-Agent auf, ein Mermaid-Diagramm zu erzeugen:
- "Erzeuge ein Mermaid-Flussdiagramm, das den Lebenszyklus der Benutzerauthentifizierung veranschaulicht."
Ihr Agent gibt einen standardmäßigen Mermaid-Codeblock aus:
mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Token & Redirect]; B -- No --> D[Show Error Message];
Atoms analysiert diesen Block automatisch und rendert ihn als interaktives visuelles Diagramm in Ihrer Ansicht.