mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-11-03 20:34:20 +01:00 
			
		
		
		
	Fix timeline and mindmap
This commit is contained in:
		@@ -178,13 +178,13 @@ You can still use the pre 9.4.0 method to add mermaid with mindmaps to a web pag
 | 
			
		||||
 | 
			
		||||
From version 9.4.0 you can simplify this code to:
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
```html
 | 
			
		||||
<script type="module">
 | 
			
		||||
  import mermaid from '<CDN_URL>/mermaid@<MERMAID_VERSION>/dist/mermaid.esm.min.mjs';
 | 
			
		||||
</script>
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
or is you prefere not using an esm package:
 | 
			
		||||
or if you prefer not using the ESM package:
 | 
			
		||||
 | 
			
		||||
```html
 | 
			
		||||
<script src="<CDN_URL>/mermaid@<MERMAID_VERSION>/dist/mermaid.min.js"></script>
 | 
			
		||||
@@ -192,4 +192,4 @@ or is you prefere not using an esm package:
 | 
			
		||||
 | 
			
		||||
Note that more complex integrations that use the **render** function directly need to use the **renderAsync** method instead in order to render mind maps.
 | 
			
		||||
 | 
			
		||||
You can also refer the implementation in the live editor [here](https://github.com/mermaid-js/mermaid-live-editor/blob/fcf53c98c25604c90a218104268c339be53035a6/src/lib/util/mermaid.ts) to see how the async loading is done.
 | 
			
		||||
You can also refer the implementation in the live editor [here](https://github.com/mermaid-js/mermaid-live-editor/blob/develop/src/lib/util/mermaid.ts) to see how the async loading is done.
 | 
			
		||||
 
 | 
			
		||||
@@ -301,6 +301,6 @@ You can use this method to add mermaid including the timeline diagram to a web p
 | 
			
		||||
<script src="<CDN_URL>/mermaid@<MERMAID_VERSION>/dist/mermaid.min.js"></script>
 | 
			
		||||
```
 | 
			
		||||
 | 
			
		||||
Note that more complex integrations that the **render** function directly need to use the **renderAsync** method instead in order to render mind maps.
 | 
			
		||||
Note that more complex integrations that the **render** function directly need to use the **renderAsync** method instead in order to render timeline.
 | 
			
		||||
 | 
			
		||||
You can also refer the implementation in the live editor [here](https://github.com/mermaid-js/mermaid-live-editor/blob/fcf53c98c25604c90a218104268c339be53035a6/src/lib/util/mermaid.ts) to see how the async loading is done.
 | 
			
		||||
You can also refer the implementation in the live editor [here](https://github.com/mermaid-js/mermaid-live-editor/blob/develop/src/lib/util/mermaid.ts) to see how the async loading is done.
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user