This is an old revision of the document!
Table of Contents
flowcharts Plugin
Compatible with DokuWiki
frusterick manners, greebo
The missing download url means that this extension cannot be installed via the Extension Manager. Please see Publishing a Plugin on dokuwiki.org. Recommended are public repository hosts like GitHub, GitLab or Bitbucket.
This extension has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues.
Similar to a2s, diagram, ditaa, flowchartjs, graphviz, plantuml, sequencediagram
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 https://www.dokuwiki.org/entities and also https://github.com/splitbrain/dokuwiki/blob/master/conf/entities.conf.)
Alternatively, you can add the arrows in the diagram using
%%-->%%
Installation
Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.
Examples/Usage
<flow> graph TD; A-->B; A-->C; B-->D; C-->D; </flow>
will be rendered to
A nice feature is that each element of a diagram can be made clickable by using
<flow> graph TD; A-->B; A-->C; B-->D; C-->D; click A "SOMEPAGE" </flow>
Clicking on `A` will take you to http://yoururl.com/SOMEPAGE.
Syntax
For further details on the syntax, see https://mermaidjs.github.io/. Diagrams can be built in realtime using https://mermaidjs.github.io/mermaid-live-editor/.