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

これはプラグインですか、それともコンポーネントですか?

コンポーネントでは、期待どおりの動作を実現できませんでした。

「いいね!」 3

GitHubリポジトリを見れば、それがプラグインであることがわかります。.rbファイルがあれば、それはプラグインです :slight_smile:

「いいね!」 3

わかっています。しかし、iPadとHubがあれば、飛び回ってGitHubを閲覧するよりもはるかに簡単に質問できます。しかし、主な理由は純粋な怠惰ではありません(今回は…)、iPadのメモリが少なく、OSがDiscourseHubを終了させてしまうからです。

しかし、もちろん、.rbトリックを教えることは、一般的に情報量が多く、より役立つ方法です。

最初、それがプラグインだと@Thokaが言ったとき、私は彼を信頼できたはずですが、何らかの非常に奇妙な理由で、私はそうしませんでした。

「いいね!」 1

テーマコンポーネントが必要ですか、それともそれなしで動作しますか?

「いいね!」 1

テーマは不要です。テーマなしでも動作します。設定オプションもありません。インストールすると、すべてのPDFがブラウザで直接読み込めるようになります。

「いいね!」 2

ありがとうございます。この新しいプラグインを作成していただき、ありがとうございます。:vulcan_salute::smiling_face_with_sunglasses::+1:

「いいね!」 2

@thoka すごい!!!本当にありがとうございます!!! :derek_pointing: :bouquet: :sparkling_heart:

「いいね!」 3

まず、このコンポーネントはS3で完全に機能し、インラインプレビューを表示します。

フォーラムのメンバーの1人は、インターネットに対して特にリスク回避的なアプローチをとっています。彼はFirefoxを使用しており、PDFファイルをブラウザで表示するのではなくダウンロードするようにアプリケーションの動作設定を変更しています。

以前にPDFがアップロードされた特定のトピックを開くと、Firefoxは毎回自動的にファイルをダウンロードします。彼は技術的に有能ですが、彼のスキルや経験を保証することはできません。彼はすでにこれを試しました。

CSSをクライアント側で「iframe.pdf-preview { display: none!important; }」でオーバーライドすると「プレビュー」は非表示になりますが、Firefoxは引き続きブロブをダウンロードします。

明らかな答えは、Firefoxでファイルをプレビューするようにブラウザ設定を変更することですが、少なくとも別の解決策を見つけようとせずに、他人にオンラインでのセキュリティプロファイルを維持する方法を指示するのは私の立場ではありません。何かアイデアはありますか?

「いいね!」 1

ユーザーが選択可能な別のテーマを作成し、そのテーマにテーマコンポーネントを含めないことができます。ユーザーはプロフィールからテーマを選択する必要があります。

「いいね!」 4

それは興味深い回避策ですが、おそらく「赤子を浴槽の水と一緒に捨てる」ようなものかもしれません。:slightly_smiling_face:

彼らにはReddit風のテーマを使用するという選択肢があります。ほとんどの人が使い慣れたものにとどまりたいようです。念頭に置いておきます。

「いいね!」 1

あなたは、サイトを意図的に壊してから文句を言っているユーザーに対応しています。インラインPDFを望まない場合、それらを持たない機会を与えることは、何も捨てていることになりますか?

「いいね!」 2

彼は、好みのブラウザ設定の結果としてPDFが繰り返しダウンロードされることについて不平を言っています。「常にすべての人を満足させることはできない」という原則に基づき、彼はこのことには我慢しなければなりません。

彼が行っていることは、他の誰にとってもサイトを壊すものではありません。もし彼が自分にとって何かを機能させる方法を見つけたなら、それは正当なハックと呼ぶでしょう。

「いいね!」 3

こんにちは、

新しいタブについて何かアップデートはありますか?

よろしくお願いします。

「いいね!」 1

ブラウザでローカルにアップロードされたPDFを読み込むために、Discourse send PDF inline を使用しています。

「いいね!」 5

こんにちは
これは私のPDFプレビューです

これはコンソールエラーです

クロスオリジンリクエストがブロックされました:同一オリジンポリシーにより、https://cdn.my_site.com/original/1X/0d281938d3ff2377541704cab6ba1c4408420733.pdf のリモートリソースの読み取りが許可されていません。(理由:CORSヘッダー「Access-Control-Allow-Origin」がありません)。ステータスコード:200。

画像は100%機能します
https://cdn.my_site.com/optimized/1X/b8e363026da621558d8c2a8159a4a7671eaf0285_2_1035x685.jpeg

プレビューが壊れているPDFリンク
https://my_site.com/uploads/short-url/1So7iQsrmIZKLQ6UGI86B1cOqD9.pdf

CDNとしてCloudFrontを使用しています。

S3の設定はこちらです

私のサイトS3
[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "GET"
        ],
        "AllowedOrigins": [
            "http://my_site.com",
            "https://my-test-site.site",    # 私のテストサイトは同じバケットを使用しています。
            "https://cdn.my_site.com",
            "https://URL.cloudfront.net"
        ],
        "ExposeHeaders": [
            "Access-Control-Allow-Origin"
        ]
    }
]

何か見落としていることがありますか…

「いいね!」 1

CORSオリジン管理者の設定を確認してください。

「いいね!」 1

CDNのmy_siteをCORSオリジンに追加しました。

/admin/site_settings/category/all_results?filter=cors origin

それとも、何か別の意味でしたか?

「いいね!」 3

それが私の意図したことです。それで解決しなかった場合は、さらに深く掘り下げる必要があります。このトピックでいくつかの議論がありますので、検索して、どのように進んだか教えてください!その後、最初の投稿を解決策で更新できます。

「いいね!」 3

直しました。しかし、気が狂いそうになりました。

「アプリの再構築」を何度も行い、最終的にはUbuntu自体を再インストールしました。何が問題だったのかは分かりません。その過程で、AWS S3へのアセットのアップロードを修正しました。

その後、同じPDFと同じトピックで試行錯誤を続けましたが、解決しませんでした。:angry: :angry:

最終的に諦め、その後、別のトピックにPDFをアップロードしたところ、うまくいきました。

「いいね!」 1