Reference:DrawioEditor

Overview

This is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts.

The source and full documentation is available on GitHub: drawio-editor.

Features

• draw.io chart creation and editing.
• SVG and PNG support. The file type can be configured globally and changed on a per-image basis.
• Inline Editing and javascript uploads on save, you never leave or reload the wiki page.
• Image files are transparently stored in the standard wiki file store, you don't need to worry about them.
• Versioning is provided by the file store, revert to an older version of the chart at any time.
• Draw.io original XML data is stored within the image files, so only one file must be stored per chart.
• Supports multiple charts per page.
• Supports relative and fixed chart dimensions.

Requirements

• When you intend to use SVG which is recommended, you might want to install Extension:NativeSvgHandler too. Also you need a browser that supports SVG.
• While displaying charts may work in older browsers, especially when using PNG (SVG is default and recommended), saving charts requires a fairly recent browser.

Usage

Add the following to any wiki page to insert a draw.io chart:

{{#drawio:ChartName}}

Save the page and you'll see a placeholder with an Edit link on its top right. Click it to start the draw.io editor.

Please head over to GitHub for further usage instructions and examples: https://github.com/mgeb/mediawiki-drawio-editor#usage

Source: mediawiki