Können alle, die diese Komponente zusammen mit iFrame-Lightboxes verwenden, bestätigen, dass sie immer noch die “Pfeile zum Erweitern auf Vollbild” über der PDF-Vorschau erhalten?
Wir nutzen diesen TC auf unserer Website und finden ihn sehr wertvoll. Heute habe ich ein Thema erstellt und geteilt, das eine PDF-Datei enthielt, und es hat dieses Monstrum hervorgebracht: eine Inline-PDF, die vollständig aus einem Aufklappmenü navigiert werden kann.
Gibt es eine Möglichkeit, dies in ausgewählten Kategorien zu aktivieren? Ich erstelle ein Thema, das eine Reihe von Dateien auflistet, und es ist umständlich, dass die PDF-Datei erweitert wird. Ich würde mich mit einer manuellen Methode zufrieden geben, um zu verhindern, dass sie ausgelöst wird, z. B. durch Einfügen eines Sonderzeichens.
Ich möchte eine Möglichkeit, PDFs daran zu hindern, inline angezeigt zu werden. Wo sie blockiert sind, würde das PDF wie jeder andere Post-Anhang aussehen.
Sie müssen lediglich ein Leerzeichen vor dem Namen im PDF-Link einfügen, und Sie sind fertig. Dies ist nicht gut dokumentiert (ich habe mich gerade darum gekümmert), aber ich habe es vor einiger Zeit aus demselben Grund in das TC aufgenommen.
Ich würde es bevorzugen, wenn es auf die gleiche Weise wie Oneboxes gemacht würde - d. h. ein Leerzeichen im Markdown vor dem Link -, aber das funktioniert gut genug.
Ich habe es gerade in ‘intern host’ hinzugefügt… keine Verbesserung.
Vielen Dank für Ihren Rat
Ansonsten habe ich gerade diese Fehlermeldung in der Chrome-Konsole gefunden:
initialize-for-pdf-preview.js:84 Weigerung, ‘blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890’ einzubetten, da dies gegen die folgende Content-Security-Policy-Direktive verstößt: „default-src ‘self’ data: https:“ . Beachten Sie, dass ‘frame-src’ nicht explizit festgelegt wurde, daher wird ‘default-src’ als Fallback verwendet.
Ich habe diese Komponente gerade installiert. Hier sind die Schritte, die ich zur Installation unternommen habe. Meine Umgebung ist S3 (Digital Ocean Spaces) und CDN (Bunny.net).
Die Verwendung des Chrome Developer Tools (F12) ist bei der Einrichtung sehr hilfreich. Klicken Sie auf den Netzwerk-Tab, um zu überprüfen, ob die PDFs durch CORS blockiert werden.
Digital Ocean Konfiguration.
Gehen Sie zu Ihren Spaces-Einstellungen und klicken Sie auf “Add CORS Configurations”.
Einstellungen:
Origin: Ihre Discourse-URL - verwenden Sie die vollständige https://discourse.url
Allowed Methods: GET und HEAD
Fügen Sie die folgenden Header hinzu:
Access-Control-Allow-Methods
Access-Control-Allow-Origin
Origin
Range
Access Control Max Age: 0
Ich habe im Entwicklerkonsolen des Browsers eine Deprecation-Meldung für diese großartige Theme-Komponente erhalten:
[THEME 30 ‘PDF-Vorschauen’] Deprecation-Meldung: Der Zugriff auf site.mobileView oder site.desktopView während der Initialisierung der Website kann zu Fehlern und Inkonsistenzen führen, wenn die Browserfenstergröße geändert wird. Bitte verschieben Sie diese Prüfungen in eine Komponente, einen Transformer oder einen API-Callback, der während des Renderns der Seite ausgeführt wird. [veraltet seit Discourse 3.5.0.beta9-dev] [deprecation id: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]
Ich habe die oben genannte Abwärtskompatibilitätswarnung in meinem PR in dieser Feature-Anfrage behandelt, die das Verhalten der PDF-Links verbessert, sodass sie immer in einem neuen Tab geöffnet werden – dies behebt mehrere der oben genannten Bedenken.
Im Grunde bedeutet das, dass es auf Mobilgeräten jetzt einen Klick zum Zugriff auf den PDF-Inhalt gibt (früher waren mehrere Klicks / Warten usw. erforderlich), sowie auch in Desktop-Situationen, wo dies gewünscht ist.
Es ist etwas gewagt, einen Fix und eine neue Funktion zusammenzuführen, aber ich musste die Erkennung von Mobilgeräten ändern, um das Verhalten zu verändern.