Anteprime PDF in linea

[MrAli (Ali)]

Ho 3 problemi:

1. Come mostrare il PDF a tutti, “con o senza accesso”
2. Posso mostrare PDF da URL esterni?
3. Perché se l’utente fa clic sul collegamento PDF, viene scaricato automaticamente invece di aprirlo nell’URL?

[Alon1 (Alon)]

Qualcuno che sta usando questo componente insieme ai light box iframe può confermare se ottiene ancora le “frecce per espandere a schermo intero” sopra l’anteprima del PDF?

Come riferimento, funzionava nel 2023…

Inline PDF Previews

That’s great! Simply (1) installing IFrame Lightboxes theme-component and (2) adding my own website url to the list of “iframe origin domains” in the component settings, works! It adds the expand button right above the right corner of the PDF inline [image] Right out of the box

[ufukayyildiz (ufuk)]

@Alon1

ottengono ancora le “frecce per espandere a schermo intero” sopra l’anteprima del PDF?

No. Non è disponibile.

[nathank (Nathan Kershaw)]

Ratti - perché sarebbe super utile.

[putty (Derek Putnam)]

Utilizziamo questo TC sul nostro sito e lo troviamo molto prezioso. Oggi ho creato e condiviso un argomento che include un PDF, e ha creato questo mostro: un PDF inline completamente navigabile da un’espansione.

[putty (Derek Putnam)]

C’è un modo per abilitarlo in categorie selezionate? Sto creando un argomento che elenca un sacco di file ed è imbarazzante che il PDF sia espanso. Mi accontenterei di un modo manuale per impedirne l’attivazione, come l’inserimento di un carattere speciale.

[denvergeeks]

@putty

un modo manuale per impedirne l’attivazione

Impedire cosa dall’attivarsi? Come vorresti che i PDF vengano visualizzati nelle categorie selezionate?

[putty (Derek Putnam)]

Desidero un modo per bloccare la visualizzazione inline dei PDF. Dove bloccati, il PDF apparirebbe come qualsiasi altro allegato di post.

[denvergeeks]

@putty

qualsiasi altro allegato al post

Come semplice link? O come Onebox? O?

[nathank (Nathan Kershaw)]

@putty

Sto creando un argomento che elenca un sacco di file ed è imbarazzante che il PDF sia espanso. Mi accontenterei di un modo manuale per impedirne l’attivazione, come l’inserimento di un carattere speciale.

Tutto quello che devi fare è inserire uno spazio prima del nome nel collegamento PDF e sei a posto. Questo non è ben documentato (ho appena affrontato questo problema), ma sono riuscito a farlo aggiungere al TC per lo stesso motivo un po’ di tempo fa.

Preferirei se fosse fatto nello stesso modo di Oneboxes, cioè uno spazio nel markdown prima del collegamento, ma questo funziona abbastanza bene.

[Stephane_Roy]

Ciao

Ho questo errore con il plugin.

Hai qualche idea sull’origine?

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

[omarfilip]

Succede a tutti i PDF o solo a questo?

Hai provato ad aggiungere il dominio del tuo forum a host interni consentiti?

[Stephane_Roy]

@omarfilip

interno

sì con tutti i PDF.

L’ho appena aggiunto in ‘intern host’ ..nessun miglioramento.

Grazie per il tuo consiglio

Altrimenti ho appena trovato questo messaggio di errore nella console di Chrome:

initialize-for-pdf-preview.js:84 Rifiutato di incorporare ‘blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890’ perché viola la seguente direttiva della Content Security Policy: “default-src ‘self’ data: https:”. Si noti che ‘frame-src’ non è stato impostato esplicitamente, quindi ‘default-src’ viene utilizzato come fallback.

Non è consentito caricare la risorsa locale: blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890

[omarfilip]

Controlla allowed onebox iframes dovrebbe essere *

[LotusJeff (Jeff Cocking)]

Ho appena installato questo componente. Questi sono i passaggi che ho seguito per installarlo. Il mio ambiente è S3 (Digital Ocean Spaces) e CDN (Bunny.net).

L’utilizzo della barra degli strumenti per sviluppatori di Chrome (F12) aiuterà notevolmente nella configurazione. Fai clic sulla scheda di rete per verificare se i PDF vengono bloccati da CORS.

Configurazione di Digital Ocean.

1. Vai alle impostazioni dei tuoi Spaces e fai clic su Aggiungi configurazioni CORS
2. Impostazioni:

Origin:   Il tuo URL di discourse - usa https://discourse.url completo
Allowed Methods:  GET e HEAD
Aggiungi le seguenti intestazioni:
      Access-Control-Allow-Methods 
      Access-Control-Allow-Origin
      Origin
      Range
Access Control Max Age: 0

3. Il mio schermo appariva così:
   

   

4. Salva e valida tramite la schermata principale.

Configurazione CDN (Bunny.net)

Ho dovuto dire alla CDN di fornire le intestazioni CORS per il tipo di file *.pdf

1. Seleziona la tua CDN e cerca l’opzione per le intestazioni.
2. Attiva “Aggiungi intestazioni CORS”
3. Aggiungi PDF all’estensione del file
4. Salva.

Dopo aver eseguito queste due configurazioni, tutto ha funzionato alla grande.

Potresti avere un set di strumenti diverso, ma questo potrebbe aiutarti a risolvere eventuali problemi che potresti riscontrare.

[Ralf_Stockmann]

@nathank

Questo sarebbe un netto miglioramento! E non dovrebbe essere troppo difficile da aggiungere, penso. Potrei provare a fare una PR per questo se avrò tempo nei prossimi giorni.

@tobiaseigen

Penso che (b) sia già fornito come opzione, ad esempio inline o apri in una nuova scheda. Forse una terza opzione per consentire agli utenti di vedere inline e aprire in una nuova scheda? Mi piace anche questa idea.

Mi riferisco a un’opzione aggiuntiva “apri in una nuova scheda” per i PDF inline. Immagino che @nathank non abbia mai trovato il tempo?

Questo è ancora un problema pressante per noi, che utilizziamo discourse come intranet aziendale.

[nathank (Nathan Kershaw)]

@Ralf_Stockmann

Immagino che @nathank non abbia mai trovato il tempo?

Mi sono preso degli impegni e, dato che sono al massimo un hacker amatoriale, mi ci vorrebbe un’eternità. E poi sono andato avanti…

Potrebbe essere utile articolarlo in Feature, o addirittura considerare di pagare uno sviluppatore per fare una PR al riguardo.

[Roi]

Ho ricevuto un avviso di deprecazione per questo ottimo componente del tema nella console degli sviluppatori del browser:

[THEME 30 ‘Anteprime PDF’] Avviso di deprecazione: l’accesso a site.mobileView o site.desktopView durante l’inizializzazione del sito può causare errori e incoerenze quando la finestra del browser viene ridimensionata. Sposta questi controlli in un componente, un trasformatore o una callback API che viene eseguita durante il rendering della pagina. [deprecato da Discourse 3.5.0.beta9-dev] [id deprecazione: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]

[nathank (Nathan Kershaw)]

Ho affrontato il messaggio di deprecazione sopra menzionato nella mia PR in questa richiesta di funzionalità, che migliora il comportamento dei link PDF in modo che si aprano sempre in una nuova scheda - questo risolve diverse delle preoccupazioni sollevate nel thread.

In pratica, significa che sui dispositivi mobili ora c’è un accesso con un solo tocco al contenuto PDF (prima erano necessari più tocchi / attese / ecc.), così come in situazioni desktop quando ciò è desiderato.

Make PDFs open directly (not via download) by default

Currently, the core handling of PDFs is via a download: allaboutcats.pdf (42.2 KB) While this is very functional, it adds a couple of unnecessary steps for the most common use case: “I want to read this now” - especially on mobile devices. The need to download / save something is very much secondary. Required sometimes, but usually the user just wants to read it and then move on. The Inline PDF Previews TC addresses this by serving an inline PDF on desktop - and does this with aplomb. Howeve…

È un po’ scorretto combinare una correzione e una nuova funzionalità, ma ho dovuto modificare il rilevamento del dispositivo mobile per cambiare il comportamento.

[Ethsim2 (Ethan)]

l’anteprima PDF inline sarà ancora disponibile sul desktop?