You are viewing an old version of this page. Return to the latest version.
Difference between revisions of "Reference:DrawioEditor"
Extension: DrawioEditor
| Overview | |||
|---|---|---|---|
| Description: | draw.io editor integration Integration of diagrams | ||
| State: | beta | Dependency: | MediaWiki |
| Developer: | Markus Gebert | License: | - |
| Type: | MediaWiki | Category: | Rich Articles |
| Edition: | BlueSpice pro | ||
|
For more info, visit Mediawiki.
|
|||
Features[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 integrationIntegration of diagrams
|status=beta
|developer=Markus Gebert
|type=MediaWiki
|edition=BlueSpice pro
|compatible=MediaWiki
|category=Rich Articles
|docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor
}}
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 | {{BSExtensionInfobox | ||
| − | |desc= | + | |desc=Integration of diagrams |
|status=beta | |status=beta | ||
|developer=Markus Gebert | |developer=Markus Gebert | ||