Entreprise / Schémas

Créateur d’organigrammes : aperçu Mermaid et éditeur simple

Créez un organigramme avec du texte Mermaid et un aperçu en direct. Ajoutez des nœuds de processus, de décision, de début-fin et d’entrée-sortie, reliez-les avec des libellés ou partez de trois modèles originaux.

Créateur d’organigrammes : aperçu Mermaid et éditeur simple: Écrivez un organigramme en texte Mermaid ou utilisez l’éditeur pour ajouter des étapes, des décisions et des connexions, tout en voyant le diagramme se mettre à jour au fil de la saisie. Partez d’un exemple, puis copiez le texte ou téléchargez l’organigramme au format SVG ou PNG. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Exécutions
Dans votre navigateur
Coût
Gratuit · sans inscription
Disponibilité
Prêt à l'emploi
Créateur d'organigrammesTraitement local

Fonctionne entièrement dans votre navigateur

Créateur simple

L'aperçu se met à jour au fil de la saisie. L'outil ajoute des instructions à votre texte. Les directives de configuration, les styles personnalisés et les gestionnaires de clic sont désactivés.

Génération de l'aperçu…

Syntaxe des organigrammes

Le langage d’organigrammes de Mermaid prend en charge les nœuds, les arêtes et les décisions libellées. Cet outil prend en charge la partie organigrammes de ce langage ; le générateur ajoute les nouvelles lignes à la fin de votre texte. Syntaxe officielle : https://mermaid.js.org/syntax/flowchart.html

Sécurité et licence

Les diagrammes sont dessinés dans votre navigateur avec Mermaid, une bibliothèque open source sous licence MIT, en mode de sécurité strict : le HTML dans les libellés, les actions au clic et les blocs de configuration ne sont pas autorisés. Un diagramme collé ne peut donc pas exécuter de code. Paramètre de sécurité officiel : https://mermaid.js.org/config/schema-docs/config-properties-securitylevel.html

Comment l'utiliser

  1. Choisissez un modèle de processus, d’arbre de décision ou de connexion, ou écrivez le texte de l’organigramme Mermaid.
  2. Ajoutez un nœud avec l’éditeur, puis reliez des identifiants de nœuds existants et ajoutez éventuellement un libellé à la connexion.
  3. Corrigez les erreurs de syntaxe signalées, puis téléchargez le fichier SVG, PNG ou le texte Mermaid.

Confidentialité et limitations

Le texte Mermaid est traité uniquement dans votre navigateur. Rien n’est envoyé ni enregistré dans le stockage local. Les directives de configuration, les callbacks, les images et les ressources externes sont désactivés.

Outils associés

Questions fréquentes

Comment l’éditeur nomme-t-il les nœuds ?

Il utilise le prochain identifiant N-numéro disponible. Pour relier des nœuds, saisissez leurs identifiants tels qu’ils apparaissent dans le texte. L’éditeur encode de manière sûre les guillemets, les crochets et autres signes de ponctuation dans les libellés.

Puis-je utiliser tous les types de diagrammes Mermaid ?

Cet outil accepte uniquement la syntaxe des organigrammes et des graphes. Pour les autres types de diagrammes, utilisez l’éditeur Mermaid existant.

Comment les erreurs sont-elles affichées ?

Les erreurs d’analyse indiquent un numéro de ligne lorsque Mermaid en fournit un. Les erreurs de sécurité et celles liées aux limites de saisie affichent un message distinct.

Les modèles sont-ils copiés ailleurs ?

Non. Les courts exemples de processus, d’arbre de décision et de parcours de connexion sont des créations originales écrites pour cet outil.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis