インラインPDFプレビュー機能

[denvergeeks]

@Ralf_Stockmann と @Alon1 は試しましたか…

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…

また、私のDiscourseではこの方法を使用しています…

GoogleドライブからPDFを埋め込む

（これは私が推奨する方法です。iFrame内のPDFはレスポンシブになります。他の方法のほとんどは、クロスブラウザでのレスポンシブに失敗します。）

1. 共有
2. 共有リンクをコピー
3. 共有リンクを新しいタブで開く
4. 右上隅の3つの縦ドットをクリック
5. アイテムを埋め込むを選択
6. 表示されたiFrameコードをコピー
7. Discourseエディタに貼り付ける

ここにGoogleドライブのテストPDFが埋め込まれています。これは\u003c\u003cここからダウンロード\u003e\u003eできます。

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

このように表示されます…（私のサイトのこちらでライブで試すこともできます）