Open main menu


MediaWiki extensions manual
OOjs UI icon advanced.svg
Release status: beta
Implementation Parser function
Description editor integration
Author(s) (Markus Geberttalk)
License MIT License
Translate the DrawioEditor extension if it is available at
Check usage and version matrix.


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

The source and full documentation is available on GitHub:


Please read these warnings carefully before use:

  • The actual editor functionality is loaded from This code only provides integration.
  • Be aware that is an online service and while this plugin integrates the editor using an iframe and communicates with it only locally in your browser (javascript postMessage), it cannot guarantee that the code loaded from will not upload any data to foreign servers. This may be a privacy concern. Read the Privacy section in the documentation on GitHub for more information. When in doubt, don't use or this module. You have been warned!
  • This plugin is quite new and probably still has bugs, so it may or may not work with your installation.


  • 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.
  • 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.


  • 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.


  1. Clone this extension from GitHub into a folder named DrawioEditor within your wiki's extensions folder:
    cd /where/your/wiki/is/extensions
    git clone DrawioEditor
  2. Activate the plugin in LocalSettings.php
    require_once "$IP/extensions/DrawioEditor/DrawioEditor.php";


Add the following to any wiki page to insert a chart:


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

Please head over to GitHub for further usage instructions and examples:

See alsoEdit