Ãditeur Mermaid
Ãcrivez la syntaxe Mermaid et voyez un aperçu en direct d'organigrammes, diagrammes de séquence ou diagrammes de classe. Exportez au format SVG, PNG ou JPEG.
à propos de l'Ãditeur d'Organigramme Mermaid
Ãcrivez la syntaxe des diagrammes Mermaid dans l'éditeur et regardez l'organigramme, le diagramme de séquence, le diagramme de classe ou d'autres types de diagrammes se mettre à jour instantanément. Chargez un modèle pour commencer rapidement, puis exportez votre diagramme en SVG, PNG ou JPEG, ou copiez la syntaxe pour l'éditer ultérieurement.
Qu'est-ce que cet outil ?
Un éditeur de diagrammes Mermaid en direct qui rend les organigrammes, diagrammes de séquence, diagrammes de classe et plus au fur et à mesure que vous tapez. Écrivez des diagrammes en tant que texte en utilisant la syntaxe Mermaid et voyez instantanément le résultat rendu, puis exportez-le en tant qu'image.
Comment l'utiliser
- Choisissez un modèle (Organigramme, Séquence, Classe, etc.) pour charger un exemple de syntaxe Mermaid, ou écrivez le vôtre.
- Regardez l'aperçu du diagramme se mettre à jour automatiquement au fur et à mesure que vous modifiez la syntaxe.
- Cliquez sur Exporter l'Image pour télécharger le diagramme au format SVG, PNG ou JPEG, ou sur Copier la Syntaxe pour copier le code Mermaid.
- Si la syntaxe a une erreur, le dernier diagramme valide reste visible pendant que vous le corrigez.
Cas d'utilisation courants
- Esquisse d'un organigramme pour un processus ou un arbre de décision
- Documentation d'une séquence d'appels API ou d'une interaction système
- Dessin d'un diagramme de classe ou d'un diagramme entité-relation pour la conception de logiciels
- Intégration d'un diagramme en tant que code dans la documentation ou les fichiers README
Astuces et conseils
- La syntaxe Mermaid est du texte brut, de sorte que les diagrammes peuvent être contrôlés par version avec votre code.
- Utilisez l'export SVG pour des diagrammes nets dans la documentation, et PNG ou JPEG pour un partage rapide dans le chat ou les diapositives.
Questions fréquentes
Quels types de diagrammes la syntaxe Mermaid supporte-t-elle ?
Organigrammes, diagrammes de séquence, diagrammes de classe, diagrammes d'état, diagrammes entité-relation et plusieurs autres types de diagrammes — choisissez un modèle pour charger un exemple de syntaxe pour chacun.
Que se passe-t-il si je fais une erreur de syntaxe lors de l'édition ?
L'éditeur continue d'afficher le dernier diagramme valide rendu de sorte que votre travail en cours reste visible, plutôt que d'effacer l'aperçu — corrigez l'erreur de syntaxe et le diagramme se met à jour automatiquement.
Quel format d'exportation dois-je choisir : SVG, PNG ou JPEG ?
SVG est basé sur les vecteurs et reste net à n'importe quel niveau de zoom, idéal pour la documentation. PNG et JPEG sont des formats raster mieux adaptés au partage rapide dans les applications de chat ou les diapositives où la prise en charge SVG peut être limitée.
Puis-je stocker mes diagrammes dans le contrôle de version avec mon code ?
Oui. Puisque les diagrammes Mermaid sont écrits en syntaxe texte brut, vous pouvez valider la source .mmd directement dans git et suivre les modifications du diagramme comme n'importe quel autre fichier de code.
Ma syntaxe de diagramme est-elle envoyée à un serveur pour être rendue ?
Non. Les diagrammes sont rendus entièrement côté client dans votre navigateur — votre syntaxe et le contenu du diagramme ne sont jamais téléchargés nulle part.
Écrivez la syntaxe Mermaid et voyez un aperçu en direct d'organigrammes, diagrammes de séquence ou diagrammes de classe. Exportez gratuitement au format SVG, PNG ou JPEG, sans inscription requise.