Best apps to iframe in Obsidian

[areshytko]

For software architecture diagrams diagrams.net (previously draw.io) works perfectly!

[camilo]

SKETCHFAB3D viewer works wonders
Sample of it Embedded on my site
PS is hypermedium

[miguelmarcos]

A large number of brownie points to anyone can shed some light on this as it would allow me to embed the Kindle Cloud reader in Obsidian.

I can get Kindle Cloud Reader to show up in iFrame in Obsidian using the standard iFrame code. (Note that you must log in.)

<iframe width="800" height="600" src="https://read.amazon.com/"></iframe>

However, there is a Library button that shows up in the browser, Chrome, for example, that does not show up in Obsidian. See screen clips below. Once you get into a book you cannot go back to the Library without this button.

In Chrome:

In Obsidian:

Obsidian 0.12.3
Windows 10 Pro 20H2, OS build 19042.985
Surface Pro 5

Addendum: By exposing the Inspector, I was able to to clear the session and cache re-login to Cloud Reader, getting back to the Library. Can one invoke clearing the session and cache from a Button, perhaps? This would still be cumbersome, of course, but better then opening the inspector each time.

[curtismchale]

I find that OF for web steals focus from the rest of the app all the time so I can’t use it. Did you find that as well?

[psidnell]

I stopped because the load time was too slow on opening the document.

[joshuawagner]

@T.Adler

private boards cannot be embedded. I tried a public board and it worked for me. Remember to add “html” at the end of the url of your board.

I’m successfully interacting with my private Trello content in Obsidian, thanks to @Floran!

His plugin: Convert URL to preview (iframe) has a pop-up that allows me to navigate through the ‘Log in’ process, after which the content previews correctly.

Below is what I’m using for the embed code, but as a noob, I’d be happy for any improvements/suggestions.

Board view

<iframe src="{yoursharelink}" frameBorder="5" width="700" height="700">></iframe>

Single card view

<iframe src="{yoursharelink}" frameBorder="5" width="400" height="420"></iframe>

Search results view§

<iframe src="https://trello.com/search?q=board%3A%22{yourboardname-url-escaped-noquotemarks}{searchterm-noquotemarks}" frameBorder="5" width="420" height="800"></iframe>

---

Links:
* https://github.com/FHachez/obsidian-convert-url-to-iframe
§ https://webapps.stackexchange.com/a/118061/272845

[jkb]

For folks interested in music, I just found http://xenpaper.com, an in-browser ‘text-based microtonal sequencer’. It’s fun to just type in pitches as numbers (or ratios or Hz) – a bit of a time sink. I think each thing gets saved in the url. This is something I was playing around with for example:

<iframe width="560" height="315" src="https://xenpaper.com/#embed:(bpm%3A30)%0A(osc%3Asine)%0A(env%3A9959)%0A%0A%7Br170Hz%7D%0A%0A%5B0%2C_7%2C_14%2C_16%2C_24%5D---28%0A%5B4%2C_12%2C_14%2C_19%2C_23%5D--%0A%5B5%2C_8%2C_12%2C_14%2C_19%5D----.24%0A%5B2%2C_14%2C_16%2C_17%2C_21%2C_26%5D---%0A%5B%605%2C_8%2C_14%2C_16%2C_17%2C_28%5D--%0A%5B5%2C_9%2C_12%2C_16%2C_28%5D-%0A%5B7%2C_10%2C_12%2C_14%2C_26%5D-24%0A%5B%6010%2C_12%2C_14%2C_17%2C_24%5D--.%0A%5B%607%2C_14%2C_17%2C_21%2C_24%5D---.26%0A" title="Xenpaper" frameborder="0"></iframe>

[nuvic]

This is a neat widget for displaying the weather. (just substitute london for your city)

<iframe src="https://wttr.in/london"></iframe>

[Nils.Srvd]

How do you do this? No iframe allows me to open my CryptPad files from Obsidian, I have an embedded popup that says something like ‘cannot open pop-up windows’. The only thing it allows me to do is create folders. Would you share the iframe you are using? CryptPad is really awesome

[Nils.Srvd]

[Nils.Srvd]

I created this thread for all those who want to go into detail about iframe in Obsidian for cloud-hosted docs, and collaborative team work in markdown. I hope you like it!

Embedding cloud-hosted documents and working collaboratively in teams

If you want to embed documents hosted in the cloud (surveys, word processors or online spreadsheets for collaborative work, etc.), it can be achieved using iframe but you must pay attention to some details and tricks. Embedding documents hosted in the cloud Can I, for example, view documents hosted on Google Drive from Obsidian? Of course yes. Any document hosted on Google Drive and with read-only permission for any user with the link can be displayed as an iframe in Obsidian’s markdown notes…

[Abhuva]

Not doing anything fancy, its a public available cryptpad (not tied to my account) → we mainly use it to communicate, draft ideas etc.
Honestly, i didnt used cryptpads that much before, and this worked straight out of the box - so i am not sure where i did something “right” =)

[Ktubbs]

Notion does allow iframe

[leyang]

1. GTD: dida365: 滴答清单: 一个帮你高效完成任务和规划时间的应用
2. online document: lark/feishu: https://bytedance.feishu.cn/drive/home/
3. Read it later: cubox: https://cubox.pro/

[jezza]

ClickUp works very very well in the iFrame.
Allows you to ‘login’ and access all private boards as required.
ClickUp is project management & task management on steroids.

[cwhiii]

Thanks for this tip; just what I needed!

[alexzanutto]

Miro seems to embed fine, but the login is not working for me, so I can only see public boards (and not work on my boards either)

[alexzanutto]

Monday.com also embeds fine, but no login option there

[MinCos]

The PomoFocus iframe works well. But is there a way to log into the session and make it persistent? Every time I move focus to another page in obsidian and later return to it, it resets the frame.

[arentino]

Is monday.com still working for you? I am getting a “we don’t support this browser anymore…” messsage.