====== 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