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

3つの問題があります。

  1. ログインしているかどうかにかかわらず、誰でもPDFを表示するにはどうすればよいですか?

  2. 外部URLからPDFを表示できますか?

  3. PDFリンクをクリックすると、URLで開くのではなく自動的にダウンロードされるのはなぜですか?

「いいね!」 1

iframeライトボックスと一緒にこのコンポーネントを使用している方で、「全画面表示矢印に展開」がPDFプレビューの上に表示されることを確認していただけますか?

参考までに、これは2023年には機能していました…

「いいね!」 1

いいえ、利用できません。

「いいね!」 2

ネズミ - それは非常に役立つでしょうから。

「いいね!」 3

このTCは当社のサイトで使用しており、非常に価値があると感じています。本日、PDFを含むトピックを作成して共有したところ、展開可能なインラインPDFというこの恐ろしいものができました。

「いいね!」 1

特定のカテゴリでこれを有効にする方法はありますか? ファイルのリストを載せたトピックを作成しているのですが、PDFが展開されるのが不格好です。特別な文字を挿入するなど、トリガーされないようにする手動の方法でも構いません。

「いいね!」 1

何がトリガーされないようにするのですか? PDFは選択したカテゴリにどのように表示されるのが望ましいですか?

「いいね!」 1

PDFをインライン表示されないようにブロックする方法を知りたいです。ブロックされた場合、PDFは他の投稿添付ファイルのように表示されます。

シンプルなリンクとしてですか?それともOneboxとしてですか?それとも?

「いいね!」 1

PDFリンクの名前の前にスペースを挿入するだけで、うまくいきます。これはあまり文書化されていませんが(ちょうど対処しました)、以前同じ理由でTCに追加してもらいました。

Oneboxと同じ方法、つまりMarkdownのリンクの前にスペースを挿入する方法が望ましいですが、これはこれで十分機能します。

「いいね!」 7

こんにちは

プラグインでこのエラーが発生しています。

原因について何かお分かりになりますか?

https://forums.ffjdr.org/t/test-dun-pdf-en-visibilite/2691

「いいね!」 1

PDFすべてで発生しますか、それともこのPDFだけですか?

フォーラムのドメインを 許可された内部ホスト に追加してみましたか?

「いいね!」 2

はい、すべてのPDFで。

「intern host」に追加しました。改善されません。

アドバイスありがとうございます :slight_smile:

それ以外では、Chromeコンソールでこのエラーメッセージを見つけました。

initialize-for-pdf-preview.js:84 blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890 をフレーム化できません。次のコンテンツセキュリティポリシーディレクティブに違反しているためです: 「default-src ‘self’ data: https:」。‘frame-src’ は明示的に設定されていないため、フォールバックとして ‘default-src’ が使用されます。

ローカルリソースの読み込みが許可されていません: blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890

「いいね!」 2

allowed onebox iframes* に設定してください。

「いいね!」 3

このコンポーネントをインストールしたばかりです。インストールするために実行した手順は次のとおりです。私の環境はS3(Digital Ocean Spaces)とCDN(Bunny.net)です。

Chrome開発者ツール(F12)を使用すると、これを設定するのに大いに役立ちます。PDFがCORSによってブロックされているかどうかを確認するには、ネットワークタブをクリックしてください。

Digital Oceanの設定。

  1. Spacesの設定に移動し、CORS設定の追加をクリックします。
  2. 設定:
Origin:   あなたのディスコースURL - 完全なhttps://discourse.urlを使用してください
許可されるメソッド:  GETとHEAD
次のヘッダーを追加します:
      Access-Control-Allow-Methods
      Access-Control-Allow-Origin
      Origin
      Range
Access Control Max Age: 0
  1. 私の画面は次のようになりました:

  2. 保存し、メイン画面から検証します。

CDN(Bunny.net)の設定

CDNにファイルタイプ*.pdfのCORSヘッダーを配信するように指示する必要がありました。

  1. CDNを選択し、ヘッダーのオプションを探します。
  2. 「CORSヘッダーを追加」をオンにします。
  3. ファイル拡張子にPDFを追加します。
  4. 保存します。

これらの2つのセットアップを行った後、すべてがうまく機能しました。

ツールが異なる場合がありますが、これは問題のトラブルシューティング/解決に役立つ可能性があります。

「いいね!」 1

インラインPDFの「新しいタブで開く」オプションを追加することについて言及しています。@nathankは結局時間が見つからなかったということでしょうか

これは、Discourseをエンタープライズイントラネットとして使用している私たちにとって、依然として喫緊の課題です。

「いいね!」 1

忙しくなってしまい、アマチュアハッカーである私には時間がかかりすぎるため、その後進めてしまいました。

Feature で説明するか、開発者に PR を依頼することを検討すると役立つかもしれません。

「いいね!」 2

ブラウザの開発者コンソールで、この素晴らしいテーマコンポーネントの非推奨通知を受け取りました。

[THEME 30 ‘PDF previews’] 非推奨通知: サイト初期化中に site.mobileView または site.desktopView にアクセスすると、ブラウザウィンドウのサイズ変更時にエラーや不整合が発生する可能性があります。これらのチェックは、ページレンダリング中に実行されるコンポーネント、トランスフォーマー、または API コールバックに移動してください。[deprecated since Discourse 3.5.0.beta9-dev] [deprecation id: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]

「いいね!」 3

上記の非推奨通知については、この機能リクエストにあるPRで対処しました。これによりPDFリンクの動作が改善され、常に新しいタブで開くようになります。これにより、トピックの上部にあるいくつかの懸念が解決されます。

要するに、モバイルでは以前は複数回タップや待機が必要だったのに対し、今は1タップでPDFコンテンツにアクセスできるようになり、デスクトップ環境でも希望に応じて同様の動作が可能になります。

修正と新機能を一緒に組み合わせるのは少し問題があるかもしれませんが、モバイルの検出方法を変更して動作を変更する必要があったため、そうしました。

「いいね!」 5

デスクトップでPDFのインラインプレビューは引き続き利用できますか?