This commit is contained in:
Erik Ellingsen
2019-11-08 00:04:53 +01:00
parent 763be9bb95
commit ddb0d23ca7

View File

@@ -77,7 +77,7 @@ Through the html file, we give the web browser three instructions inside the htm
2. the mermaid code we want to diagram. 2. the mermaid code we want to diagram.
3. the `mermaid.initialize()` command to start the rendering process 3. the `mermaid.initialize()` command to start the rendering process
All this is done in the html `<body>` section of the web page. All this is done in the html `<body>` section of the web page. This is what needs to go into the html file:
@@ -89,7 +89,7 @@ All this is done in the html `<body>` section of the web page.
</body> </body>
``` ```
2. The embedded mermaid code is similarly placed in a `<script>` tag: 2. The embedded mermaid code is similarly placed in a `<div>` tag:
``` ```
<body> <body>
@@ -103,7 +103,7 @@ All this is done in the html `<body>` section of the web page.
</body> </body>
``` ```
3. When initializing mermaid, it starts to render the content of all the `<div class="mermaid">` tags it can find in the html body. This is done like so: 3. When initializing mermaid using `mermaid.initialize()`, it takes all the `<div class="mermaid">` tags it can find in the html body and starts to render them. This is done like so:
``` ```
<body> <body>
@@ -137,7 +137,7 @@ All this is done in the html `<body>` section of the web page.
</body> </body>
</html> </html>
``` ```
Save this to a html file and fetch it with a browser from the web server and voila! Save this to a html file and fetch it with a browser from the web server (or just drag it into your web browser window) and voila!
--- ---