Best apps to iframe in Obsidian

Does it work for you?

ProWritingAid works wonderfully in an iFrame. Adjust the height and width to your satisfaction. Here’s how I instantiate:

<iframe
	border=0
	frameborder=0
	height=800
	width=800 
	src="https://prowritingaid.com/en/Analysis/Documents/Go">
</iframe>
3 Likes

OmniFocus for the web does work in an iframe, although you have to close the left bar for some space. Handy to be able to link to the inbox.

1 Like

Notion is terrible

1 Like

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

2 Likes

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

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:
image

In Obsidian:
image

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.

1 Like

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?

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

1 Like

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

2 Likes

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>

3 Likes

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

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

wwtr

6 Likes

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

1 Like

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!

1 Like


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” =)

2 Likes

Notion does allow iframe

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

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.

4 Likes

Thanks for this tip; just what I needed!