Difference between revisions of "Information Systems:Embedding diagrams in the wiki"

From uniWIKI
Jump to navigation Jump to search
m
m
 
(8 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
==How-to==
  
==How-to==
 
* Create a diagram on draw.io.
  
* Create a diagram on draw.io.
−
* Save to a cloud account. Several options are available, but it is recommended to use either Google Drive for the uniPHARM Media user account, or OneDrive if you have a Microsoft 365 Business Basic sub. It is advisable to ave a copy locally as well, as the use of cloud storage has not been officially adopted by the company.
 +
* Save to a cloud account. Several options are available, but it is recommended to use either Google Drive for the uniPHARM Media user account, or OneDrive if you have a Microsoft 365 Business Basic sub. It is advisable to save a copy locally as well, as the use of cloud storage has not been officially adopted by the company.
−
* When ready to publish, use the Embed function to generate HTML code. The HTML option (which uses javascript viewer) has been verified to work in the wiki. IFrame has not been tested, but should be equally viable if it works.
 +
* When ready to publish, use the Embed function to generate HTML code. The HTML option (which uses a javascript viewer) has been verified to work in the wiki across the 3 main browsers. IFrame has not been tested, but should be equally viable if it works.
  ⚫
* In the wiki editor, paste the code, and wrap it with <code><nowiki><html></html></nowiki></code> to render this block as HTML.
⚫
* So far, it appears that new embed code must be generated following any changes to the diagram. It is possible that another method (perhaps the iframe) does not have such a limitation.
  
  +
⚫
* In the wiki editor, paste the code, and wrap it with <html></html> to render this block as HTML.
  
  ⚫
Note: So far, it appears that new embed code must be generated (and re-embedded) following any changes to a diagram. It is possible that another method (perhaps the iframe) does not have such a limitation.

Latest revision as of 14:28, 25 February 2021

Draw.IO is an open-source (free) web tool for creating diagrams, similar to Microsoft Visio. Currently it is used by the IT department to embed diagrams in the wiki.

How-to

  • Create a diagram on draw.io.
  • Save to a cloud account. Several options are available, but it is recommended to use either Google Drive for the uniPHARM Media user account, or OneDrive if you have a Microsoft 365 Business Basic sub. It is advisable to save a copy locally as well, as the use of cloud storage has not been officially adopted by the company.
  • When ready to publish, use the Embed function to generate HTML code. The HTML option (which uses a javascript viewer) has been verified to work in the wiki across the 3 main browsers. IFrame has not been tested, but should be equally viable if it works.
  • In the wiki editor, paste the code, and wrap it with <html></html> to render this block as HTML.
Note: So far, it appears that new embed code must be generated (and re-embedded) following any changes to a diagram. It is possible that another method (perhaps the iframe) does not have such a limitation.
Retrieved from "https://owl.unipharm.com/mediawiki/index.php?title=Information_Systems:Embedding_diagrams_in_the_wiki&oldid=13448"