The discussion revolves around embedding draw.io diagrams into posts on Discourse. sreinert suggests embedding diagrams from draw.io to enhance discussions. codinghorror asks if draw.io supports OpenGraph or oEmbed. sreinert notes that draw.io uses mxGraph, and codinghorror suggests requesting support. sam proposes a pull request to the onebox gem. sreinert confirms sending a request. davidjgraph, a draw.io developer, clarifies that draw.io doesn’t host data but supports embedding via postMessage, allowing users to open draw.io in an iframe and exchange XML data. cmdntd asks about whitelisting the draw.io domain.
I like using draw.io for diagramming. It would be nice to aid discussions with diagrams from there using the latest version of the diagram. Draw.io allows you to embed an editable drawing as an HTML/Javascript snippet, but this doesn’t currently work in a Discourse post.
Would creating a onebox file for draw.io be the right approach? Or is this a new feature?
Does draw.io support OpenGraph or oEmbed?
If it does, it is a simple matter of adding the domain to the whitelist.
Looks like it uses mxGraph. As far as I can tell, this isn’t related to either of those.
You should ask them to support OpenGraph or oEmbed.
or a PR to the onebox gem to add mxGraph support.
I sent the request. I don’t know if anything will come of it.
This might be a good reason for me to learn Ruby. I will think about it.
draw.io is just the application only, we don’t actually store the data, auth users, etc and we don’t host anything to embed.
That said, if you want the data in discourse and use draw.io to edit the diagrams, we support that using postMessage.
All you need to do is open a window or iframe, send us a message with the XML and wait for the updated XML. Here is how:
To open draw.io (in embed mode) in a new window:
var editWindow = window.open(‘Flowchart Maker & Online Diagram Software’);
Then wait for the ‘ready’ message (can be customized via the ready URL
parameter) and send the XML (or an empty string to create a new
diagram):
editWindow.postMessage(xml, ‘https://www.draw.io’);
draw.io will send back the updated XML if the user clicks Save or an empty string if the user clicks Exit. Here is a simple example:
Here is a more complex example that uses Webdav to store the XML:
So yes, it’s slightly more complex than embedding, but it’d give you built-in diagramming.
Como posso adicionar “https://viewer.diagrams.net/” à lista de permissões?