Embed for different files

hello softr community

so i am being faced with task to embed on my website more a wiki editor where one can post different files varying from .doc, .ppt, .xls, .pdf such that he can edit it and likewise those on his team who have access can edit on that file too.

i have tried various means of embed code for word and the likes it’s not working. i hope to get a simple work around for this task

@Schedkode is there a way we could see a page with those embeds even if they fail ? :slight_smile:

@Schedkode can you also share a URL of a embed file or embed code if it’s a code ? I assume it needs to be public access with a link ?

https://drive.google.com/file/d/1HYyvrFrFdXR8TQXE91FCunVO15edWN8e/view?usp=share_link

it was just a tester to see if it will work

Just tested with this code seems to be working ?

https://ranee148.softr.app/embed-test

<iframe src="https://drive.google.com/file/d/1HYyvrFrFdXR8TQXE91FCunVO15edWN8e/preview" width="100%" height="480" allow="autoplay"></iframe>
1 Like

so what exactly might be the issue here even though i have other questions.

but it worked here and isn’t working on my end… hope you don’t mind state a step to step how this was done…

Can you share how you get an embed code for the files or how you construct embed urls ? It has to do with file URLs that you are using

This is how I got the working embed code Recordit: Record screencasts fast & free! with GIF Support!

well i used the softr embed mapping style…

so i mapped the softr embed in a list detail page and already set a formular for the softr embed field to display whatever is shown on the “url for the embed” field displays

this is the softr embed formula i used - CONCATENATE(‘<iframe class=“airtable-embed” src=’,‘"’,{URL for the Embed },‘"’,’ ',‘frameborder =“0” onmousewheel=“” width=“100%” height=“533” scrolling=“no”; style=“background: transparent; border: 0px solid #ccc;”>’)

while the url for the embed i used - IF(AND({Display attachment}, {Cloud Hosted URL}=BLANK()), {Display attachment}, {Cloud Hosted URL})

@Schedkode is this one of the example Cloud Hosted URLs? https://drive.google.com/file/d/1HYyvrFrFdXR8TQXE91FCunVO15edWN8e/view?usp=share_lin ?

If so pls note the differences here

https://drive.google.com/file/d/1HYyvrFrFdXR8TQXE91FCunVO15edWN8e/view?usp=share_link
VS
https://drive.google.com/file/d/1HYyvrFrFdXR8TQXE91FCunVO15edWN8e/preview

view vs preview …

okay what’s the difference sorry?

and is my set up correct?

yes it is one of the example of the cloud hosted url. so you saying it has to be “preview”?

i changed it to preview and it worked but it is not editable?

Please share a link with edit enabled so I can test ?

@Schedkode I requested access :slight_smile:

i have granted the access

Did you end up getting this figured out? I’m trying to set up an embedded google drive within my app as well, but don’t have any experience with it.