Excalidraw integration

Kuncy · 2020-10-09T08:55:13.442Z

provision to drop excalidraw sketches into notes. Right now I draw inside excalidraw using my browser, take a screensnip and paste it in Obsidian page.

jokysatria · 2020-10-09T09:32:58.562Z

Actually you can integrate Excalidraw with Obsidian using Iframe.

image1366×728 58.4 KB

But there’s problem when using export/copy PNG to clipboard feature in Excalidraw. It shows an error in iframe which I don’t know what it is.

image1366×728 101 KB

(index):1 Uncaught (in promise) DOMException: The Clipboard API has been blocked because of a Feature Policy applied to the current document. See https://goo.gl/EuHzyv for more details.

For workaround, I can save as PNG, then put it into my attachment folder. Obsidian can open PNG.

Kovsi · 2020-10-14T15:07:53.081Z

Would you mind to say which browser and version you’re using, it could be some incompatibility issues in Clipboard API, I’ll gladly take a look, when I have more free time. Thanks

jokysatria · 2020-10-14T22:40:59.425Z

Um sorry if I don’t understand fully what you mean.

It’s in Obsidian, I use Iframe to open Excalidraw within. Here’s the iframe code that I use :

<iframe src="https://excalidraw.com/" style="position:absolute; top:0; left:0; width:100%; border:none;  height:100%;"></iframe>

With current version of Obsidian (0.9.3), the error is still exist.

jokysatria · 2021-01-18T00:48:24.605Z

We've published 0.2.0 of our NPM package that allows you to embed Excalidraw into your apps.

We're closing on 1.0.0. Leave feedback and requests on our base excalidraw/excalidraw repo.

Thanks @aakansha1216 for continual support! ❤️https://t.co/uuibfi9MHg
— Excalidraw (@excalidraw) January 17, 2021

jokysatria · 2021-01-31T01:04:54.337Z

Currently some functionalities in embedded Excalidraw (iframe) aren’t working: “Load”, “Save”, “Export to PNG”. “Export to SVG”

They’re showing similar error.

image1366×768 179 KB

This is when I click “Export to PNG”

Also “Copy PNG to clipboard” doesn’t work.

image1366×768 174 KB

My iframe code is this:

<iframe src="https://excalidraw.com/" style="position:absolute; top:0; left:0; width:100%; border:none;  height:100%;" sandbox="allow-modals;"></iframe>

If you know what’s wrong, let me know. So I can make a feature request to support Excalidraw in iframe.

jlb · 2021-03-12T05:02:40.422Z

+1 for a clean integration of Excalidraw.

Steve_yang · 2021-03-15T10:42:44.654Z

zsolt.blog

Roam-Excalidraw Plugin MVP Release

This is the MVP release of the Roam Excalidraw Plugin, adding much needed diagramming features to Roam.

Now Roam have excalidraw plugin.

Hope someone develop it in Obsidian.

desk7 · 2021-04-23T10:50:32.975Z

+1 for a clean integration of Excalidraw.

desk7 · 2021-04-23T10:50:54.940Z

+1 for a clean (and offline) integration of Excalidraw.

bwydoogh · 2021-04-24T06:00:42.577Z

See GitHub - zsviczian/obsidian-excalidraw-plugin: A plugin to edit and view Excalidraw drawings in Obsidian (developer who made this for Roam is working on this for Obsidian; works fine).