Ajouter un commentaire

Visual Studio Code : rendu des Mermaid Diagram avec le Markdown Preview

Par:
francoistonic

jeu, 21/05/2026 - 18:25

Il est maintenant possible d'avoir un rendu des diagrammes Mermaid directement dans le Markdown preview. Cette intégration est disponible dans la version 1.121. Ce support a été possible en fusionnant l'extension de Matt Bierner directement dans l'éditeur en proposant une nouvelle extension : Mermaid Markdown Features. Vous pouvez ainsi créer un diagramme Mermaid directement en Markdown :

```mermaid
flowchart LR
  Sleep[Sleep] --> Wake{Awake?}
  Wake -->|No| Sleep
  Wake -->|Hungry| Snack[Get treat]
  Wake -->|Not in in Sun?| Move[Move to sun]
  Wake -->|Human is typing| Keyboard[Sleep on keyboard]
  Snack --> Sleep
  Move --> Sleep
  Keyboard --> Sleep
```

Filtered HTML

Plain text

CAPTCHA
Cette question permet de vérifier que vous n'êtes pas un robot spammeur :-)
 K  K   QQQ    RRRR   W     W  PPPP  
K K Q Q R R W W P P
KK Q Q RRRR W W W PPPP
K K Q QQ R R W W W P
K K QQQQ R RR W W P
Q