You are viewing an old version of this page. Return to the latest version.
Difference between revisions of "Reference:DrawioEditor"
(Changed categories.) |
Contents
Extension: DrawioEditor
| Overview | |||
|---|---|---|---|
| Description: | draw.io editor integration | ||
| State: | stable | Dependency: | MediaWiki |
| Developer: | Markus Gebert | License: | - |
| Type: | MediaWiki | Category: | Rich Articles |
| Edition: | BlueSpice free | ||
Features[edit source]
Overview[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=1" title="Edit section: Overview">edit][edit | edit source]
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][edit | edit source]
- 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][edit | edit source]
- 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][edit | edit source]
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
={{BSExtensionInfobox |desc=draw.io editor integration |status=stable |developer=Markus Gebert |type=MediaWiki |edition=BlueSpice free |compatible=MediaWiki |category=Rich Articles |docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor }} =<span id="Overview" class="mw-headline">Overview</span><span class="mw-editsection"><span class="mw-editsection-bracket">[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=1" title="Edit section: Overview">edit]</span></span>= 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: [https://github.com/mgeb/mediawiki-drawio-editor drawio-editor]. =<span id="Features" class="mw-headline">Features</span><span class="mw-editsection"><span class="mw-editsection-bracket">[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=3" title="Edit section: Features">edit]</span></span>= * '''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. =<span id="Requirements" class="mw-headline">Requirements</span><span class="mw-editsection"><span class="mw-editsection-bracket">[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=4" title="Edit section: Requirements">edit]</span></span>= * When you intend to use SVG which is recommended, you might want to install [https://www.mediawiki.org/wiki/Extension:NativeSvgHandler 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. =<span id="Usage" class="mw-headline">Usage</span><span class="mw-editsection"><span class="mw-editsection-bracket">[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=6" title="Edit section: Usage">edit]</span></span>= Add the following to any wiki page to insert a draw.io chart: <pre>{{#drawio:ChartName}} </pre> 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 https://github.com/mgeb/mediawiki-drawio-editor#usage] '''Source:''' [https://www.mediawiki.org/wiki/Extension:DrawioEditor mediawiki] [[Category:Extension]]
| Line 1: | Line 1: | ||
| + | {{BSExtensionInfobox | ||
| + | |desc=draw.io editor integration | ||
| + | |status=stable | ||
| + | |developer=Markus Gebert | ||
| + | |type=MediaWiki | ||
| + | |edition=BlueSpice free | ||
| + | |compatible=MediaWiki | ||
| + | |category=Rich Articles | ||
| + | |docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor | ||
| + | }} | ||
=<span id="Overview" class="mw-headline">Overview</span><span class="mw-editsection"><span class="mw-editsection-bracket">[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=1" title="Edit section: Overview">edit]</span></span>= | =<span id="Overview" class="mw-headline">Overview</span><span class="mw-editsection"><span class="mw-editsection-bracket">[<a href="https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&action=edit§ion=1" title="Edit section: Overview">edit]</span></span>= | ||
This is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts. | This is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts. | ||