1# Mermaid Plugin for DokuWiki 2 3This is a plugin for [Dokuwiki](https://www.dokuwiki.org/dokuwiki). It provides support for the diagramming tool [Mermaid](https://mermaid.js.org/). Mermaid is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. 4 5## Installation 6 7Install the plugin using the [Dokuwiki Plugin Manager](https://www.dokuwiki.org/plugin:plugin). Refer to [Plugins](https://www.dokuwiki.org/plugins|Plugins) on how to install plugins manually. 8 9## Usage 10 11 <mermaid> 12 graph TD; 13 A-->B; 14 A-->C; 15 B-->D; 16 C-->D; 17 </mermaid> 18 19```mermaid 20graph TD; 21 A-->B; 22 A-->C; 23 B-->D; 24 C-->D; 25``` 26 27The width and height of the container of the diagram can be adjusted using 28 29 <mermaid #width #height> 30 31where #width and #height can take any value supported by CSS: 32 33 <mermaid 100% 1cm> 34 35For more examples and details on the syntax, see https://mermaid.js.org/intro/. 36 37## Configuration and Settings 38 39There is only one setting. You can chose which mermaid file and version you want to use: 40 41 - the locally hosted file using the version that came with the plugin 42 - a remotely hosted file with the latest available version 43 - a remotely hosted file with a specific version 44 45## Further information 46 47Mermaid supports multiple other diagrams besides the shown flowchart: 48 - Sequence diagrams 49 - Gantt diagrams 50 - Class diagrams 51 - Git graphs 52 - User Journey diagrams 53 54For more information, see https://mermaid.js.org/intro/.