Visualizações em PDF inline

[MrAli (Ali)]

Eu tenho 3 problemas:

1. Como exibir PDF para todos, “logado ou não”.

2. Posso exibir PDFs de URLs externas?

3. Por que, se o usuário clicar no link do PDF, ele será baixado automaticamente em vez de ser aberto no URL?

[Alon1 (Alon)]

Alguém que esteja usando este componente junto com lightboxes de iframe pode confirmar se ainda obtém as “setas de expansão para tela cheia” acima da pré-visualização do PDF?

Para referência, costumava funcionar em 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

eles ainda recebem as “setas de expandir para tela cheia” acima da visualização do PDF?

Não. Não está disponível.

[nathank (Nathan Kershaw)]

Ratos - porque seria super útil.

[putty (Derek Putnam)]

Usamos este TC em nosso site e o achamos muito valioso. Hoje criei e compartilhei um tópico que inclui um PDF, e ele gerou esta monstruosidade: um PDF inline que pode ser totalmente navegado a partir de um unfurl.

[putty (Derek Putnam)]

Existe uma maneira de habilitar isso em categorias selecionadas? Estou criando um tópico que lista um monte de arquivos e é estranho que o PDF esteja expandido. Eu me contentaria com uma maneira manual de impedir que ele seja acionado, como inserir um caractere especial.

[denvergeeks]

@putty

uma maneira manual de impedir que ele seja acionado

Impedir o quê de ser acionado? Como você gostaria que os PDFs fossem exibidos nas categorias selecionadas?

[putty (Derek Putnam)]

Quero uma forma de bloquear a exibição inline de PDFs. Onde bloqueado, o PDF se pareceria com qualquer outro anexo de postagem.

[denvergeeks]

@putty

qualquer outro anexo de postagem

Como um link simples? Ou como um Onebox? Ou?

[nathank (Nathan Kershaw)]

@putty

Estou criando um tópico que lista um monte de arquivos e é estranho que o PDF esteja expandido. Eu me contentaria com uma maneira manual de impedir que ele seja acionado, como inserir um caractere especial.

Tudo o que você precisa fazer é inserir um espaço antes do nome no link do PDF e pronto. Isso não é bem documentado (acabei de abordar isso), mas consegui que isso fosse adicionado ao TC pelo mesmo motivo há um tempo.

Eu preferiria que fosse feito da mesma forma que os Oneboxes - ou seja, um espaço no markdown antes do link, mas isso funciona bem o suficiente.

[Stephane_Roy]

Olá

Estou com este erro no plugin.

Você tem alguma ideia da origem?

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

[omarfilip]

Acontece com todos os PDFs ou apenas com este?

Você tentou adicionar o domínio do seu fórum a hosts internos permitidos?

[Stephane_Roy]

@omarfilip

internal

sim com todos os PDFs.

Acabei de adicioná-lo em ‘intern host’ .. nenhuma melhoria.

Obrigado pelo seu conselho

Caso contrário, acabei de encontrar esta mensagem de erro no console do Chrome:

initialize-for-pdf-preview.js:84 Refused to frame ‘blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890’ because it violates the following Content Security Policy directive: “default-src ‘self’ data: https:”. Note that ‘frame-src’ was not explicitly set, so ‘default-src’ is used as a fallback.

Not allowed to load local resource: blob:https://forums.ffjdr.org/79cf20bf-65ac-460f-b0b0-73c10bf85890

[omarfilip]

Verifique seu allowed onebox iframes, ele deve ser *

[LotusJeff (Jeff Cocking)]

Acabei de instalar este componente. Estes são os passos que segui para instalá-lo. Meu ambiente é S3 (Digital Ocean Spaces) e CDN (Bunny.net).

Usar a barra de ferramentas do desenvolvedor do Chrome (f12) ajudará muito na configuração. Clique na aba de rede para validar se os PDFs estão sendo bloqueados pelo CORS.

Configuração do Digital Ocean.

1. Vá para as Configurações do seu Spaces e clique em Adicionar Configurações CORS
2. Configurações:

Origin:   Sua URL do discourse - use https://discourse.url completo
Allowed Methods:  GET e HEAD
Adicione os seguintes cabeçalhos:
      Access-Control-Allow-Methods 
      Access-Control-Allow-Origin
      Origin
      Range
Access Control Max Age: 0

3. Minha tela ficou assim:
   

   

4. Salve e valide através da tela principal.

Configuração da CDN (Bunny.net)

Tive que dizer à CDN para entregar cabeçalhos CORS para o tipo de arquivo *.pdf

1. Selecione sua CDN e procure a opção para Cabeçalhos.
2. Ative “Adicionar Cabeçalhos CORS”
3. Adicione PDF à extensão do arquivo
4. Salve.

Depois que fiz essas duas configurações, tudo estava funcionando perfeitamente.

Você pode ter um conjunto diferente de ferramentas, mas isso pode ajudá-lo a solucionar/resolver quaisquer problemas que possa ter.

[Ralf_Stockmann]

@nathank

Isso seria uma melhoria notável! E não deve ser muito difícil de adicionar, eu acho. Talvez eu tente um PR para isso se tiver tempo nos próximos dias.

@tobiaseigen

Eu acho que (b) já é fornecido como uma opção, por exemplo, inline vs. abrir em nova aba. Talvez uma terceira opção para permitir que os usuários vejam inline e abram em nova aba? Eu também gosto dessa ideia.

Estou me referindo a uma opção adicional de “abrir em nova aba” para PDFs inline. Acho que o @nathank nunca encontrou tempo?

Esta ainda é uma questão premente para nós, usando o Discourse como uma intranet corporativa.

[nathank (Nathan Kershaw)]

@Ralf_Stockmann

Acho que @nathank nunca encontrou tempo?

Fiquei ocupado e, como sou, na melhor das hipóteses, um hacker amador, levaria uma eternidade. E então segui em frente…

Pode ajudar articular isso em Feature, ou até mesmo considerar pagar por um dev para fazer um PR para isso.

[Roi]

Recebi um aviso de descontinuação para este ótimo componente de tema no console do desenvolvedor do navegador:

[THEME 30 ‘PDF previews’] Aviso de descontinuação: Acessar site.mobileView ou site.desktopView durante a inicialização do site pode levar a erros e inconsistências quando a janela do navegador é redimensionada. Por favor, mova essas verificações para um componente, transformador ou callback de API que execute durante a renderização da página. [descontinuado desde Discourse 3.5.0.beta9-dev] [id de descontinuação: discourse.static-viewport-initialization] [info: Designing for Different Devices (Viewport Size, Touch/Hover, etc.)]

[nathank (Nathan Kershaw)]

Eu já abordei a notificação de obsolescência acima na minha PR na esta solicitação de recurso, que melhora o comportamento dos links de PDF para que eles sempre abram em uma nova aba — isso resolve várias das preocupações levantadas no tópico.

Basicamente, isso significa que, em dispositivos móveis, agora há acesso de um único toque ao conteúdo do PDF (antes era necessário vários toques / espera / etc), assim como em situações de desktop, quando desejado.

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…

É um pouco ousado combinar uma correção e um novo recurso, mas precisei modificar a detecção de dispositivos móveis para alterar o comportamento.

[Ethsim2 (Ethan)]

A pré-visualização de PDF embutida no desktop ainda estará disponível?