Draw.io support

General
1

Can I put in a request for draw.io (diagrams.net) support please? This is an open source diagramming app which is extremely powerful. A plug to allow editing of diagrams stored in SB would be great.

I have actually managed to embed draw.io diagrams in SB after a fashion:

  1. Create diagram on https://draw.io
  2. Save on OneDrive (etc)
  3. File > Embed > iFrame
  • Set Edit to Custom… (accept default url)
  • Copy the url component
  1. Add embed block:
    url: THEURL
width: 100%
height: 400

Hard coding the height is a pain but you do get an edit button on hovering over the preview which allows editing and updating. However storing the diagram on OneDrive isn’t ideal and it’s all very clunky.

Trilium has a nice plugin for draw.io - GitHub - SiriusXT/trilium-drawio: Trilium integrated drawio plug-in - not sure whether might be possible in SB too? Plug-ins also exist for Obsidian.

Thanks

Nick

2
3

Thanks, not sure what ‘unfurling’ means in this context, but a plugin to allow display and inline editing would be awesome.

4

Yes, Draw.io plugin added to edit inline,

5

Hi Logesh,

thanks for the plugin. I was looking forward to a draw.io plugin :slight_smile:

However, It turns out, I have no clue how to work with it.
I installed it and I find the “Draw.io: edit diagram” command in Silverbullet.

But what now? How can I insert a diagram?
I tried to copy/paste a diagram from a local running draw.io instance to Silverbullet. But I see only pasted raw XML text then.

Same, if i drag and drop a local saved draw.io-file to SB.

Could you please add a simple howto here or to your readme in github?

Thanks a lot!

6

Thanks Logesh! Works nicely.

@zeus-web you need to create a diagram first

7

Please take a look into the Usage section on how to create new diagram / editing existing diagrams that are attached to the page.

1 Like
8

Thanks a lot! Now it’s clear.
And today I see the “draw.io: create” command, too (did not see that yesterday…).

I got it working now - at least in chrome.
In Firefox I don’t see the graph, however I can edit it.
Most likely a local problem here, though…