Mettre en forme le contenu et les graphiques
Guide sur l'utilisation de la mise en forme Markdown et le rendu de diagrammes Mermaid interactifs
Découvrez comment mettre en forme du texte avec Markdown et afficher des diagrammes Mermaid interactifs dans Atoms.
Affichage de contenu Markdown formaté
Atoms prend nativement en charge la mise en forme Markdown dans les réponses de chat, la documentation et les vues rendues.
Éléments Markdown pris en charge
- En-têtes : utilisez
#,##ou###pour structurer les titres de section. - Mise en évidence : utilisez du texte
**bold**ou*italic*. - Listes : utilisez
-ou1.pour les listes à puces et numérotées. - Blocs de code : encadrez les extraits de code avec des triples accents graves () avec coloration syntaxique selon le langage.
Pour demander une sortie formatée, il vous suffit d'instruire votre Agent IA :
- "Veuillez formater votre réponse en Markdown clair avec des sous-titres et des puces."
Affichage et rendu des graphiques Mermaid
Atoms prend en charge le rendu de logigrammes, de diagrammes de séquence et de cartes d'architecture à l'aide de Mermaid.js.
Comment générer des graphiques Mermaid
Demandez à votre Agent IA de produire un diagramme Mermaid :
- "Générez un logigramme Mermaid illustrant le cycle de vie de l'authentification utilisateur."
Votre agent produira un bloc de code Mermaid standard :
mermaid graph TD; A[User Submits Login] --> B{Valid Credentials?}; B -- Yes --> C[Issue JWT Jeton & Redirect]; B -- No --> D[Show Error Message];
Atoms analyse automatiquement ce bloc et l'affiche sous forme de diagramme visuel interactif dans votre vue.