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.
5 Likes
Actually you can integrate Excalidraw with Obsidian using Iframe.
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.
(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.
2 Likes
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 
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.
We've published 0.2.0 of our NPM package that allows you to embed Excalidraw into your apps.
— Excalidraw (@excalidraw) January 17, 2021
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
Currently some functionalities in embedded Excalidraw (iframe) aren’t working: “Load”, “Save”, “Export to PNG”. “Export to SVG”
They’re showing similar error.
This is when I click “Export to PNG”
Also “Copy PNG to clipboard” doesn’t work.
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.
+1 for a clean integration of Excalidraw.
1 Like
Now Roam have excalidraw plugin.
Hope someone develop it in Obsidian.
6 Likes
+1 for a clean integration of Excalidraw.
+1 for a clean (and offline) integration of Excalidraw.
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).
3 Likes