You are viewing an old version of this page. Return to the latest version.
DrawioEditor
-
- Last edited 6 years ago by Angelika
-
-
- No status information
Extension: DrawioEditor
Overview | |||
---|---|---|---|
Description: | draw.io editor integration | ||
State: | beta | Dependency: | MediaWiki |
Developer: | Markus Gebert | License: | - |
Type: | MediaWiki | Category: | Rich Articles |
Edition: | BlueSpice pro | ||
Features
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[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=3" title="Edit section: Features">edit]
- 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[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=4" title="Edit section: Requirements">edit]
- 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[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=6" title="Edit section: Usage">edit]
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