DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:flowcharts

flowcharts Plugin

Compatible with DokuWiki

  • 2018-04-22 "Greebo" yes
  • 2017-02-19 "Frusterick Manners" yes
  • 2016-06-26 "Elenor Of Tsort" unknown
  • 2015-08-10 "Detritus" unknown

plugin Add flowcharts and diagrams to your DokuWiki with an intuitive syntax — based on mermaidjs

Last updated on
2018-04-28
Provides
Syntax
Repository
Source

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

<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 mermaidjs.github.io. Diagrams can be built in realtime using Mermaid Live Editor.

plugin/flowcharts.txt · Last modified: 2018-06-15 15:45 by Juergen_aus_Zuendorf