Information Systems:Embedding diagrams in the wiki

From uniWIKI
Jump to navigation Jump to search

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.