Allow draw.io diagrams to be rendered as a lightbox when viewing it on a page in the Wiki | Voters

Allow draw.io diagrams to be rendered as a lightbox when viewing it on a page in the Wiki

Sahil Shah

Draw.io diagrams can have multiple pages and some interactivity. When viewed on a rendered wiki.js page, the draw.io diagrams are static images and can only show one page worth of information.
draw.io comes with a lightbox viewer that allows you to view all the pages of a diagram and toggle interactive elements. Please support opening the draw.io diagrams shown in view mode in the draw.io lightbox. Examples are below.
https://www.drawio.com/assets/img/blog/lightbox-tags.png
https://viewer.diagrams.net/?lightbox=1&highlight=0000ff&edit=_blank&page=1&layers=1&nav=1&title=#Uhttps%3A%2F%2Fraw.githubusercontent.com%2Fjgraph%2Fdrawio-diagrams%2Fdev%2Fexamples%2Fuml-activity-example.drawio#%7B%22pageId%22%3A%22KGbCpBdcf_usR9CPnqUh%22%7D
https://www.drawio.com/blog/tags-in-diagrams

December 31, 2023

Eric Baril

Not perfect but to use lightbox:
Save the diagram content of Googledrive or github
From drawio interface : Exporting your diagram as iframe does allow you to run with lightbox.
To integrate into Wikijs, I create my article with RawHTML and paste the iframe.
However, the "original" file is not directly editable from Wikijs.  I save it into a shared Github repo.
To me, the use of lightbox with "Action links" is WAY preferable then direct access.
Shown here : a simple working action button 
( I do have plenty of complex action buttons drawio documents )
export as Iframe, <github url> replaced by yours....
<iframe frameborder="0" style="width:100%;height:613px;" src="https://viewer.diagrams.net/?tags=%7B%7D&lightbox=1&highlight=0000ff&layers=1&title=Untitled%20Diagram.drawio.html#<github url>"></iframe>