Automatically resolve and render/link converted Obsidian Excalidraw embeds

[junereycasuga]

Context

In ZenNotes v2.8.0, support was added to import and convert Obsidian Excalidraw drawings into native ZenNotes drawings (#266). This works great for standalone drawing files. However, when migrating full markdown notes that contain embedded drawing attachments, the Obsidian wiki-link syntax for the embed is broken.

Current Behavior

When a markdown note contains an inline embed like ![[Observability.excalidraw]], ZenNotes renders it as plain, unresolvable text in the editor/preview. The user has to manually find the converted ZenNotes drawing and re-link or re-embed it.

Compared to how it would look like in Obsidian

Proposed Solution / Enhancements

It would be ideal if ZenNotes could parse these internal link attachments and check if a native ZenNotes drawing counterpart exists.

Option A (Preferred): Dynamic Rendering If Observability.excalidraw has already been converted to a native ZenNotes drawing, automatically render the native interactive drawing right inside the note where the ![[...] tag is placed.

Option B (Fallback): Native Link Replacement
If rendering directly inline is too heavy, automatically transform the broken text into a clean internal link pointing directly to the converted ZenNotes Excalidraw file instead of the old Obsidian path.

Why this is helpful

This would completely bridge the gap for users migrating large Obsidian vaults to ZenNotes, ensuring that existing notes with embedded diagrams don't suffer from broken references after the drawings are converted.

[naingyeminn]

I think it is better to save the Excalidraw in scene embeded SVG format like in NotesHub. We can easily link it in the notes.

[junereycasuga]

I think it is better to save the Excalidraw in scene embeded SVG format like in NotesHub. We can easily link it in the notes.

the way i'm thinking of this is similar to the Excalidraw plugin in Obsidian where you can embed a non-interactive Excalidraw file in the notes. that way you don't have to export the image as SVG. works best if you have an active iteration on a drawing and you also want the notes to have the latest drawing all the time

[naingyeminn]

Rendering native .excalidraw files directly in notes might lead to vendor lock-in if users ever need to migrate to another app. That is the real issue you are facing right now. A simpler approach is embedding the scene data directly inside the SVG. Excalidraw can natively load and edit scenes straight from the SVG, so there's no need to manage separate source files. It will also make publishing notes with Static Site Generators seamless without needing custom plugins.

[adibhanna]

Addressed in v2.13.0 (on release/v2.13.0 in 1c5493a). .excalidraw and Obsidian .excalidraw.md drawings now render inline in notes via ![[drawing.excalidraw]] (with |600 / |600x400 size hints), in both the editor live-preview and the reading view, and a guard stops transclusion from inlining them as raw JSON. Implemented by @junereycasuga in #360. Thanks!

[naingyeminn]

Thank you so much, @junereycasuga. This is definitely something people would need when they migrate from Obsidian.

On a side note, would it be possible to add support for .excalidraw.svg files as well? It keeps the drawings editable while making them easily viewable as standard SVGs in any other markdown editor.

Thanks again for the incredible work!