Difference between revisions of "Reference:DrawioEditor"

(Tag: 2017 source edit)
 

Extension: DrawioEditor


Overview
Description: draw.io editor integration Integration of diagrams
State: beta Dependency: MediaWiki
Developer: Markus Gebert License: - MIT
Type: [Manual:Extension/DrawioEditor MediaWiki] Category: Rich Articles
Edition: BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
For more info, visit [Manual:Extension/DrawioEditor Mediawiki].

Features[edit source]

This is a MediaWiki extension that The extension DrawioEditor 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=draw.io editor integrationIntegration of diagrams
        
        |status=beta
        
        |developer=Markus Gebert
        
        |type=MediaWiki
        
        |edition=BlueSpice pro
            
            |, BlueSpice Farm, BlueSpice Cloud
            
            |active=Yes
            
            |compatible=MediaWiki
        
        |category=Rich Articles
        
        |license=MIT
            
            |docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor
            
            }}
            
            This is a MediaWiki extension thatManual:Extension/DrawioEditor
            
            }}The extension '''DrawioEditor''' 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]
            
            [[Category:Extension]]
(19 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{BSExtensionInfobox
 
{{BSExtensionInfobox
|desc=draw.io editor integration
+
|desc=Integration of diagrams
 
|status=beta
 
|status=beta
 
|developer=Markus Gebert
 
|developer=Markus Gebert
 
|type=MediaWiki
 
|type=MediaWiki
|edition=BlueSpice pro
+
|edition=BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
 +
|active=Yes
 
|compatible=MediaWiki
 
|compatible=MediaWiki
 
|category=Rich Articles
 
|category=Rich Articles
|docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor
+
|license=MIT
}}
+
|docu=Manual:Extension/DrawioEditor
This is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts.
+
}}The extension '''DrawioEditor''' 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]
 
[[Category:Extension]]
 

Attachments

Discussions

Internal error - BlueSpice Wiki

Difference between revisions of "Reference:DrawioEditor"

(Tag: 2017 source edit)
 

Extension: DrawioEditor


Overview
Description: draw.io editor integration Integration of diagrams
State: beta Dependency: MediaWiki
Developer: Markus Gebert License: - MIT
Type: [Manual:Extension/DrawioEditor MediaWiki] Category: Rich Articles
Edition: BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
For more info, visit [Manual:Extension/DrawioEditor Mediawiki].

Features[edit source]

This is a MediaWiki extension that The extension DrawioEditor 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=draw.io editor integrationIntegration of diagrams
        
        |status=beta
        
        |developer=Markus Gebert
        
        |type=MediaWiki
        
        |edition=BlueSpice pro
            
            |, BlueSpice Farm, BlueSpice Cloud
            
            |active=Yes
            
            |compatible=MediaWiki
        
        |category=Rich Articles
        
        |license=MIT
            
            |docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor
            
            }}
            
            This is a MediaWiki extension thatManual:Extension/DrawioEditor
            
            }}The extension '''DrawioEditor''' 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]
            
            [[Category:Extension]]
(19 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{BSExtensionInfobox
 
{{BSExtensionInfobox
|desc=draw.io editor integration
+
|desc=Integration of diagrams
 
|status=beta
 
|status=beta
 
|developer=Markus Gebert
 
|developer=Markus Gebert
 
|type=MediaWiki
 
|type=MediaWiki
|edition=BlueSpice pro
+
|edition=BlueSpice pro, BlueSpice Farm, BlueSpice Cloud
 +
|active=Yes
 
|compatible=MediaWiki
 
|compatible=MediaWiki
 
|category=Rich Articles
 
|category=Rich Articles
|docu=https://www.mediawiki.org/wiki/Extension:DrawioEditor
+
|license=MIT
}}
+
|docu=Manual:Extension/DrawioEditor
This is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts.
+
}}The extension '''DrawioEditor''' 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]
 
[[Category:Extension]]
 

Attachments

Discussions