Difference between revisions of "Reference:DrawioEditor"

Extension: DrawioEditor


Overview
Description: 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&section=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&section=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&section=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=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&section=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&section=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&section=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]
        
        [[de:{{FULLPAGENAME}}]][[en:{{FULLPAGENAME}}]][[Category:Extension]]
Line 1: Line 1:
 
{{BSExtensionInfobox
 
{{BSExtensionInfobox
|desc=Integration of diagrams
+
|desc=integration of diagrams.
 
|status=beta
 
|status=beta
 
|developer=Markus Gebert
 
|developer=Markus Gebert

Attachments

Discussions