Inline PDF Previews

[denvergeeks]

@Ralf_Stockmann and @Alon1 have you tried…

IFrame Lightboxes

This is a theme component that adds the ability to open iFrames in lightboxes. Samples This component adds an “expand” button on top of the iframes you enable it on. [expand button] Clicking the button will open the iframe in fullscreen in a lightbox. [full screen iframe lightbox] Clicking either the dark area around the iframe or the x at the top right corner closes the lightbox. The same way it works for default image lightboxes. Settings There’s only one setting. You add the domains…

Also, on my Discourse I use this method…

Embed a PDF from Google Drive

(This is my preferred method so PDFs in iFrames are responsive - other methods mostly fail at being cross-browser responsive.)

1. Share
2. Copy Share Link
3. Open Share Link in a New Tab
4. Click the 3 Vertical Dots in the Top Right Corner
5. Select Embed Item
6. Copy the Displayed iFrame Code
7. Paste it in the Discourse Editor

A Test PDF on Google Drive is embedded here below which you can << Download Here >>

<iframe src="https://drive.google.com/file/d/1KQ-jn7R0NmZxw955QaPu3lvLFh5zpnDe/preview" width="640" height="480" allow="autoplay"></iframe>

This is what it looks like… (which you can also try out live HERE on my site)