diff --git a/frontend/js/mermaid-viewer.js b/frontend/js/mermaid-viewer.js
index 375b5c6..a10792d 100644
--- a/frontend/js/mermaid-viewer.js
+++ b/frontend/js/mermaid-viewer.js
@@ -93,6 +93,8 @@ export async function renderMermaidBlocks(container) {
     if (wrapper.querySelector('.mermaid-rendered')) continue;
 
     try {
+      // Preprocess Obsidian syntax before Mermaid parsing (#24)
+      code = preprocessObsidian(code);
       await mermaid.parse(code);
       var id = 'mermaid-' + (++_renderCounter) + '-' + Date.now();
       var result = await mermaid.render(id, code);
diff --git a/test-vault/mermaid/test-all-mermaid.md b/test-vault/mermaid/test-all-mermaid.md
index e045c3f..9e41afc 100644
--- a/test-vault/mermaid/test-all-mermaid.md
+++ b/test-vault/mermaid/test-all-mermaid.md
@@ -43,25 +43,24 @@ sequenceDiagram
   participant API as API Gateway
   participant DB as Base de Données
 
-  C->>API: Requête POST /login
+  C->>API: Requete POST /login
   activate API
-  API->>DB: Vérifier identifiants
+  API->>DB: Verifier identifiants
   activate DB
   
   alt Identifiants valides
-    DB-->>API: Succès (200 OK)
-    deactivate DB
+    DB-->>API: Succes (200 OK)
     API-->>C: Token JWT
   else Identifiants invalides
-    DB-->>API: Échec (401 Unauthorized)
-    deactivate DB
-    API--xC: Rejeté
+    DB-->>API: Echec (401 Unauthorized)
+    API--xC: Rejete
   end
+  deactivate DB
   deactivate API
 
   rect rgb(200, 220, 250)
-    Note over C,DB: Cette section est surlignée pour l'audit
-    C->>DB: Requête de logs
+    Note over C,DB: Cette section est surlignee pour l'audit
+    C->>DB: Requete de logs
   end
 ```
 
@@ -239,7 +238,7 @@ gitGraph
 requirementDiagram
   requirement SecuriteConnexion {
     id: SEC-001
-    text: "Le système doit chiffrer les mots de passe."
+    text: "Le systeme doit chiffrer les mots de passe."
     risk: High
     verifymethod: Test
   }
@@ -368,12 +367,12 @@ block-beta
 ```mermaid
 sankey-beta
   %% source,target,value
-  Énergie fossile,Électricité,40
-  Énergie solaire,Électricité,30
-  Énergie éolienne,Électricité,30
-  Électricité,Industrie,50
-  Électricité,Résidentiel,35
-  Électricité,Pertes réseau,15
+  Energie fossile,Electricite,40
+  Energie solaire,Electricite,30
+  Energie eolienne,Electricite,30
+  Electricite,Industrie,50
+  Electricite,Residentiel,35
+  Electricite,Pertes reseau,15
 ```
 
 ---
@@ -433,17 +432,17 @@ C4Context
 
 ```mermaid
 flowchart TD
-  %% Test de caractères spéciaux et échappement
-  A["Nœud avec des guillemets \"internes\" et des sauts<br/>de ligne"] --> B
+  %% Test de caracteres speciaux et echappement
+  A["Noeud avec des guillemets #quot;internes#quot; et des sauts<br/>de ligne"] --> B
   
-  %% Test de formules mathématiques (si le moteur le supporte)
+  %% Test de formules mathematiques (si le moteur le supporte)
   B("Formule : $E = mc^2$") --> C
   
-  %% Test de syntaxe style Obsidian (doit soit s'afficher en brut, soit être pré-processé)
-  C["Lien wiki : [[Page Interne]]"] --> D
-  D["Highlight : ==Texte important=="] --> E
+  %% Test de syntaxe style Obsidian (doit soit s'afficher en brut, soit etre pre-processe)
+  C["Lien wiki : Page Interne"] --> D
+  D["Highlight : Texte important"] --> E
   
   %% Test de lien avec ID contenant des tirets et underscores
-  E --> F{Décision_Complexe-2024}
+  E --> F{Decision_Complexe-2024}
 ```