flowcharts Plugin

Compatible with DokuWiki

2020-07-29 „Hogfather“ Download Report bugs pluginAdd flowcharts and diagrams to your DokuWiki with an intuitive syntax — based on mermaidjs

Last updated on 2020-07-30 Provides Syntax Repository Source Similar to a2s, diagram, ditaa, flowchartjs, graphviz, plantuml, sequencediagram

Tagged with chart, diagram, images, java, media, svg

By jakob1111 The diagrams and flowcharts are generated with mermaidjs.github.io

With the current version of the plugin it is crucial to remove the following lines from the DokuWiki file conf/entities.conf

↔ ↔ → → ← ← — — – – Otherwise, DokuWiki will render → to → and then the diagrams are not rendered correctly since, e.g. → is the wrong syntax and we need → etc. (For more information, see entities and also https://github.com/splitbrain/dokuwiki/blob/master/conf/entities.conf)

Alternatively, you can add the arrows in the diagram using

--> Installation Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.

Examples/Usage

graph TD; A-->B; A-->C; B-->D; C-->D;

Will be rendered to

A nice feature is that each element of a diagram can be made clickable by using

graph TD; A-->B; A-->C; B-->D; C-->D; click A "SOMEPAGE"

Clicking on A will take you to http://yoururl.com/SOMEPAGE.

Syntax For further details on the syntax, see mermaidjs.github.io. Diagrams can be built in realtime using Mermaid Live Editor.

Testing other flow example:

graph TD; dc=foo,dc=bar --> ou=people; dc=foo,dc=bar --> ou=groups; ou=people --> ou=Sub1 ou=people --> ou=Sub3 ou=people --> ou=Sub5 ou=groups --> cn=chiefs ou=groups --> cn=staff

Ones more a test of flow example:

sequenceDiagram autonumber participant PT as P Tool participant PS as P Server participant ow as O webserver participant ob as O backoffice PT -->>+ PS: request access to site PS -->> ow: POST account data opt New account ow -->> ob: create account end ow -->> PS: response: token PS -->>- PT: redirect browser to site using token PT -->> ow: follows redirect

PW.Fam

Brugerværktøjer

Webstedsværktøjer

flowcharts Plugin

Sideværktøjer