SHIFT

--- Sjoerd Hooft's InFormation Technology ---

User Tools

Site Tools


Sidebar

Recently Changed Pages:

View All Pages


View All Tags


LinkedIn




WIKI Disclaimer: As with most other things on the Internet, the content on this wiki is not supported. It was contributed by me and is published “as is”. It has worked for me, and might work for you.
Also note that any view or statement expressed anywhere on this site are strictly mine and not the opinions or views of my employer.


Pages with comments

View All Comments

drawio

Draw IO

Working with Draw IO you can publish or embed diagrams that resemble visio functionality.

How To Embed

  • In draw.io, go to file → embed → iframe
  • Make sure you disable the edit and layers button
  • Click create and copy the displayed link
  • In dokuwiki, paste the text and put <html> and </html> tags around it

This is an example of a result:

Make a Change

Changes can be done on different ways.

Change and Re-Embed

In the above example I said to disable the edit button. Be enabling this and clicking on the edit button you can change the diagram and simply follow the procedure above to re-embed the diagram.

And again an example:

Save and Re-Embed

It's also possible to save the diagram to, for example, your google drive or onedrive. This allows to import the saved file and make your changes, but you'll always have to re-embed the diagram.

Other Possibilities

All these options are dependent on draw.io to be available. If the service is discontinued or not available you'll loose your data. That's why I recommend to consider the following options:

Save As Image

You can also save the diagram as an image and upload the image to dokuwiki. However, this means that the image is not editable anymore.

Export As Visio

The function is in beta so functionality will be limited but you can export your diagram as an Visio VSDX file. I have tested this a little bit and it works.

You could leave a comment if you were logged in.
drawio.txt · Last modified: 2021/09/24 00:24 (external edit)