Éditeur de graphiques Mermaid

Modifiez localement et prévisualisez des diagrammes Mermaid, des diagrammes de flux, des diagrammes de séquence et d’autres graphiques en mode de sécurité strict ; téléchargez SVG ou PNG.

Traitement local dans le navigateur
Cette page a passé la vérification du répertoire public ; les fonctionnalités complètes sont disponibles après activation de JavaScript.
Mode d’emploi

Comment utiliser l’éditeur de diagrammes Mermaid

Le code source du diagramme est analysé et rendu uniquement dans le navigateur actuel, sans être téléversé ; le moteur de rendu utilise un mode de sécurité strict.

  1. Saisir le code source du graphique

    Collez du code Mermaid ne dépassant pas 128 KiB, puis choisissez le thème par défaut, neutre, forêt ou sombre.

  2. Rendre et corriger

    Cliquez sur « Rendre » pour afficher un aperçu isolé ; les erreurs de syntaxe indiquent leur emplacement ou les informations d’analyse, afin de faciliter la correction dans le code source.

  3. Télécharger le graphique

    Après avoir vérifié les étiquettes et les connexions, exportez le SVG ou le PNG nettoyé de manière sécurisée.

Restrictions et remarques

  • Seule la syntaxe Mermaid de la version fixe actuellement utilisée par le site est prise en charge ; les fonctionnalités expérimentales, l’ancienne syntaxe et les extensions tierces peuvent être incompatibles.
  • Le mode de sécurité strict limite les balises HTML, les callbacks de clic, les liens externes et les scripts personnalisés ; certaines interactions avancées ne seront pas rendues.
  • Le code source, le nombre d’instructions, les jetons lexicaux, les nœuds chaînés, le nombre de connexions et SVG après rendu sont tous soumis à des limites de sécurité ; PNG l’exportation est également limitée par les dimensions de la zone de dessin.

Foire aux questions

Pourquoi la commande click ne s’exécute-t-elle pas ?

L’outil active un mode de sécurité strict et n’exécute ni les rappels de liens ni les scripts, afin de préserver les limites de sécurité de l’aperçu local.

SVG et PNG, lequel choisir ?

SVG convient à une édition ultérieure et à un redimensionnement sans perte ; PNG convient davantage aux documents ou plateformes sociales qui ne prennent pas en charge SVG.

Le graphique est-il enregistré automatiquement ?

Non. Le code source est conservé uniquement dans la mémoire de la page actuelle ; copiez-le ou téléchargez-le avant de quitter la page.

Commentaires sur la pageVous avez découvert un problème ou avez une suggestion d’amélioration ?
Les fonctions de retour nécessitent l’utilisation de la version en ligne

Veuillez activer JavaScript dans la version en ligne avant de soumettre ; les fonctionnalités locales de l’outil ou du cas ne sont pas affectées.

Aller vers la version en ligne pour envoyer des commentaires