marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-31 10:54:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix documentation full examples

Browse Source 
Documentation full examples didn't work because they are all in the same line This PR tries to fix it.
This commit is contained in:
Miguel Ángel García
2022-01-08 11:05:04 +01:00
committed by GitHub
parent 0924a1cef0
commit a352cf3ae5
1 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/n00b-gettingStarted.md
View File

@@ -95,7 +95,10 @@ c. The `mermaid.initialize()` call, which dictates the appearance of diagrams an
<body> <body>
Here is a mermaid diagram: Here is a mermaid diagram:
<div class="mermaid"> <div class="mermaid">
graph TD A[Client] --> B[Load Balancer] B --> C[Server01] B --> D[Server02] graph TD
A[Client] --> B[Load Balancer]
B --> C[Server01]
B --> D[Server02]
</div> </div>
</body> </body>
``` ```
@@ -137,13 +140,19 @@ Rendering in Mermaid is initalized by `mermaid.initialize()` call. You can place
Here is one mermaid diagram: Here is one mermaid diagram:
<div class="mermaid"> <div class="mermaid">
graph TD A[Client] --> B[Load Balancer] B --> C[Server1] B --> D[Server2] graph TD
A[Client] --> B[Load Balancer]
B --> C[Server1]
B --> D[Server2]
</div> </div>
And here is another: And here is another:
<div class="mermaid"> <div class="mermaid">
graph TD A[Client] -->|tcp_123| B(Load Balancer) B -->|tcp_456| C[Server1] B graph TD
-->|tcp_456| D[Server2] A[Client] -->|tcp_123|
B(Load Balancer)
B -->|tcp_456| C[Server1]
B -->|tcp_456| D[Server2]
</div> </div>
</body> </body>
</html> </html>
@@ -159,10 +168,16 @@ In this example mermaid.js is referenced in `src` as a separate JavaScript file,
</head> </head>
<body> <body>
<div class="mermaid"> <div class="mermaid">
graph LR A --- B B-->C[fa:fa-ban forbidden] B-->D(fa:fa-spinner); graph LR
A --- B
B-->C[fa:fa-ban forbidden]
B-->D(fa:fa-spinner);
</div> </div>
<div class="mermaid"> <div class="mermaid">
graph TD A[Client] --> B[Load Balancer] B --> C[Server1] B --> D[Server2] graph TD
A[Client] --> B[Load Balancer]
B --> C[Server1]
B --> D[Server2]
</div> </div>
<script src="The\Path\In\Your\Package\mermaid.js"></script> <script src="The\Path\In\Your\Package\mermaid.js"></script>
<script> <script>