DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:flowchartjs

flowchartjs Plugin

Compatible with DokuWiki

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

plugin Draw flowchart (SVG) based on flowchart.js

Last updated on
2018-01-13
Provides
Syntax
Repository
Source

Similar to diagram, ditaa, graphviz

Tagged with diagram, flowchart

By Hua GAO

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

A complex example copied from flowchart.js

<flowchartjs default>
  st=>start: Start|past:>http://www.google.com[blank]
  e=>end: End|future:>http://www.google.com
  op1=>operation: My Operation|past
  op2=>operation: Stuff|current
  sub1=>subroutine: My Subroutine|invalid
  cond=>condition: Yes
  or No?|approved:>http://www.google.com
  c2=>condition: Good idea|rejected
  io=>inputoutput: catch something...|future
  st->op1(right)->cond
  cond(yes, right)->c2
  cond(no)->sub1(left)->op1
  c2(yes)->io->e
  c2(no)->op2->e
</flowchartjs>

The output is as snapshot above.

Syntax

Basic syntax:

<flowchartjs style>...</flowchart>
  • style flowchart display style. Currently it can be one of this:
    • (blank) — no style
    • default — default style
    • or other available style (see below)
  • ... flowchart definition, which should follow grammar in flowchart.js.

Configuration and Settings

Through Amin Plugin (though ugly), managers can upload a new or update existing flowchart style (JSON file, must with .json extension, and filename will be the style name), and delete any styles.

Toolbar FC inserts pair of flowchartjs tag, while Fcs toggles list of available style.

Change Log

  • 2018-01-13
    • many updates:
      1. fix bug from leading space by updating flowchart.js library,
      2. add admin plugin which allows management flowchart styles,
      3. add toolbar facilitating selection of flowchart style.
  • 2017-02-16
    • Initial release
plugin/flowchartjs.txt · Last modified: 2018-01-13 10:23 by gaoh