Minimalistic preview when embedding

[balta2ar]

It would be great if it was possible to make previews of embedded diagrams a little more minimalistic, disable any controls so that I don't change anything accidentally when I'm in "viewing" mode. The use-case for that is when I have a note that contains a mixture of text, images, and several diagrams. If I need to edit a diagram, I open it, but most of the time when I'm reading the document, I only need to look at a diagram, not interact with it.

For an example, consider how Excalidraw displays diagrams when in preview:

And draw.io:

For draw.io, I use this fork: https://github.com/mvdkwast/drawio-obsidian

[jon-dez]

So currently the markdown embed view uses tldraw's read-only mode, which allows for interacting with the diagram but without modifying it. If I understand correctly you are asking to change that interactive view with a static prerendered view (e.g. jpeg, png), preferably set by default?

[balta2ar]

oh I didn't realize it was read-only mode where I can't change anything! :open_mouth: but you got me 100% correct: hiding any controls / UI elements would be helpful in embedded mode to avoid distractions :slightly_smiling_face:

[jon-dez]

@tramy12062017 No problem! New issues are created in the issues tab.

Then click the green button "New issue".

Would you mind reposting your comment above as two separate issues so that more people can see it and hopefully provided feedback? Thanks

[jon-dez]

@balta2ar Feature implemented in this preview: https://github.com/jon-dez/tldraw-in-obsidian/releases/tag/1.3.0-preview.1

[balta2ar]

@jon-dez thank you! There is definitely fewer UI components now! It looks like the tldraw canvas is still reacting to mouse events, e.g. some elements get highlighted ("first" is blue on the picture) and it is possible to scroll the tldraw's view by mistake. On top of that I was also wondering if it could be possible to hide even the Edit button and the filename to make it even more minimalistic. Editing could be started either by clicking on the diagram (Excalidraw) or by having an Edit option in the context menu (draw.io). What do you think?

[jon-dez]

@balta2ar The unintentional scrolling behavior and the automatic selection will be fixed in the next release. I am working on making the file name and associated buttons visible only when the diagram is "focused", i.e. by clicking on the diagram. When I finish up with that I will create a new release.

[jon-dez]

https://github.com/holxsam/tldraw-in-obsidian/releases/tag/1.3.0