Mediawiki Extension DrawIO Editor - Revision history

DochyJP: Text replacement - " " to " [{{fullurl:{{FULLPAGENAMEE}}|action=mpdf}} Download this page as PDF]"

2021-04-14T15:27:53Z

Text replacement - " " to " [{{fullurl:{{FULLPAGENAMEE}}|action=mpdf}} Download this page as PDF]"

DochyJP: Added template version in infobox for future updates

2021-04-13T06:57:25Z

Added template version in infobox for future updates

DochyJP: Changed Infobox

2021-02-26T13:14:12Z

Changed Infobox

DochyJP: Text replacement - "Template-uk:Class-Infobox-Software" to "Template:Class-Infobox-Software"

2021-02-25T12:38:34Z

Text replacement - "Template-uk:Class-Infobox-Software" to "Template:Class-Infobox-Software"

DochyJP: /* Example */

2021-02-17T16:27:06Z

Example

DochyJP: Added sample chart

2021-02-17T16:21:49Z

Added sample chart

DochyJP: Added infobox and semantic variables

2021-02-15T12:40:58Z

Added infobox and semantic variables

DochyJP: Page creation

2021-01-04T12:38:34Z

Page creation

New page

'''[[PageName::{{PAGENAME}}|]]'''

{{Template-uk:Class-Infobox-Software
|image = 
|Source = [[Source::DataSource]]
|Version = [[Version::MW-1.31-LTS]]
|Language = [[Language::English]]
|Subject = [[Subject::Mediawiki]]
|DocumentType = [[DocumentType::Extension]]
|LastEditBy = [[LastEditBy::{{REVISIONUSER}}]]
|LastEdit = [[LastEdit::{{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY2}}]]
|DocumentStatus = [[DocumentStatus::Active]] 
}}


== Description ==
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 [https://github.com/mgeb/mediawiki-drawio-editor GitHub]
== Installation ==

=== Download ===
Clone this extension from GitHub into a folder named DrawioEditor within your wiki's extensions folder:
<pre>
cd <your wiki root folder>/extensions
git clone https://github.com/mgeb/mediawiki-drawio-editor DrawioEditor
</pre>
=== Activation ===
Activate the plugin in LocalSettings.php
<pre>require_once "$IP/extensions/DrawioEditor/DrawioEditor.php";</pre>

=== Usage ===
Add the following to any wiki page to insert a draw.io chart:
<pre>{{#drawio:ChartName}}</pre>

=== Warning ===
Please read these warnings carefully before use:

The actual editor functionality is loaded from draw.io. This code only provides integration. 
Be aware that draw.io is an online service and while this plugin integrates the editor using an iframe and communicates with it only locally in your browser (javascript postMessage), it cannot guarantee that the code loaded from draw.io will not upload any data to foreign servers. This may be a privacy concern. Read the Privacy section in the documentation on GitHub for more information. When in doubt, don't use draw.io or this module. You have been warned! 
This plugin is quite new and probably still has bugs, so it may or may not work with your installation. 

=== Features ===
:*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 ===
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.

 [[#top|Back to top of page]] - [[English|Back to Welcome Page]] 

[[Category:Mediawiki]]

@@ Line 1: / Line 1: @@
 '''<span style="color:white; background:white">[[PageName::{{PAGENAME}}|]]</span>'''
 <!-- Template Infobox Software -->
-{{Template-uk:Class-Infobox-Software
+{{Template:Class-Infobox-Software
 	|image = <!-- If an logo is required, enter the link here -->
 	|Section = [[Section::{{PAGENAME}}]]

@@ Line 57: / Line 57: @@
 === Example ===
-{{#drawio:SampleChart}}
+{{#drawio:SampleChart|interactive}}
 <br><br>[[#top|Back to top of page]] - [[English|Back to Welcome Page]] <br><br>
 [[Category:Mediawiki]]

@@ Line 55: / Line 55: @@
 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.<br>
 While displaying charts may work in older browsers, especially when using PNG (SVG is default and recommended), saving charts requires a fairly recent browser.
 <br><br>[[#top|Back to top of page]] - [[English|Back to Welcome Page]] <br><br>
 [[Category:Mediawiki]]

@@ Line 15: / Line 15: @@
 }}
 <!-- End of Template Infobox Generic-->
+[{{fullurl:{{FULLPAGENAMEE}}|action=mpdf}} Download this page as PDF]
 == Description ==
 This is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts.

@@ Line 11: / Line 11: @@
 	|LastEdit = [[LastEdit::{{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY2}}]]
 	|Status = [[Status::Active]] <!--[[Status::Active]]  [[Status::Development]] [[Status::Obsolete]] [[Status::Archived]] [[Status::To Delete]]-->
 }}
 <!-- End of Template Infobox Generic-->

@@ Line 1: / Line 1: @@
-'''<span style="color:white; background:white">[[PageName::{{PAGENAME}}|]]</span>'''
+<!-- Template Infobox Generic-->
-<!-- Template Infobox Software -->
+{{Template:Class-Infobox-Generic<!-- ALL MUST BE FILLED IN -->
 	|image = <!-- If an logo is required, enter the link here -->
 	|Section = [[Section::{{PAGENAME}}]]
-	|Source =  [[Source::DataSource]]<!-- [[Source::DataSource]], [[Source::Semantic Query]], ... -->
+	|Source = [[Source::DataSource]]  <!-- [[Source::DataSource]], [[Source::Query]] ... -->
-	|Version = [[Version::MW-1.31-LTS]]<!-- [[Version::MW-1.31-LTS]] -->
+	|Language = [[Language::English]] <!-- [[Language::English]], [[Language::Français]], [[Language::Nederlands]] -->
-	|Language = [[Language::English]]<!-- [[Language::English]], [[Language::Français]] -->
+	|Topic =  [[Topic::Mediawiki]] <!-- [[Topic::Mediawiki]], [[Subject::Microsoft]], ... -->
-	|Subject =  [[Subject::Mediawiki]]<!-- [[Subject::Mediawiki]], ... -->
+	|SubTopic = [[SubTopic::Mediawiki Extension]] <!-- [[SubTopic::Mediawiki Extension]], [[SubTopic::Office 365]] , ... -->
-         |DocumentType =  [[DocumentType::Extension]]<!-- [[DocumentType::Extension]] -->
+         |DocumentType =  [[DocumentType::Documentation]] <!-- [[DocumentType::User Guide]], [[DocumentType::Procedure]], [[DocumentType::Script]], [[DocumentType::Gallery]], ...-->
 	|LastEditBy = [[LastEditBy::{{REVISIONUSER}}]]
 	|LastEdit = [[LastEdit::{{REVISIONYEAR}}-{{REVISIONMONTH}}-{{REVISIONDAY2}}]]
-	|DocumentStatus = [[DocumentStatus::Active]] <!--[[DocumentStatus::Active]]  [[DocumentStatus::Development]] [[DocumentStatus::Obsolete]] -->
+	|Status = [[Status::Active]] <!--[[Status::Active]]  [[Status::Development]] [[Status::Obsolete]] [[Status::Archived]] [[Status::To Delete]]-->
 }}
-<!-- End of Template Infobox Software -->
+<!-- End of Template Infobox Generic-->
 == Description ==