Como mencionado acima, este componente funcionará apenas em desktop. Há muito pouco benefício em mostrar as pré-visualizações no mobile, já que tudo ficará tão pequeno e muito difícil de ler.
Este componente usa a implementação nativa do navegador para renderizar os PDFs, então os resultados parecerão diferentes em diferentes navegadores.
Além disso, note que o upload de PDFs não é permitido por padrão no Discourse. Se você quiser permitir que seus usuários façam upload de arquivos PDF, precisará adicionar essa extensão às authorized_extensions se quiser que todos os seus usuários possam fazer upload de PDFs, ou às authorized_extensions_for_staff se quiser limitar isso a membros da equipe.
Access to fetch at 'https://travelmassive-discourse-cdn.s3.dualstack.us-west-1.amazonaws.com/original/2X/b/b578f6364592121964e6a2fd4969e5c1222bd909.pdf' (redirected from 'https://lounge.travelmassive.com/uploads/short-url/pTnA3r043WfhDK8HSdPQrtNn8Lf.pdf') from origin 'https://lounge.travelmassive.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Update
I was able to fix this by adding the following CORS policy in my S3 bucket configuration.
É necessário acrescentar que, se você vir esta mensagem de erro from origin 'https://lounge.travelmassive.com' has been, onde seu domínio não possui uma barra / no final, então na configuração do CORS você também deve adicionar seu domínio sem a barra no final, assim: https://mydiscourse.url
Percebi que seus uploads estão na AWS, então o problema provavelmente está relacionado ao CORS (o componente não está ativo no seu site para que eu possa confirmar). Veja a postagem logo abaixo da sua.
Obrigado por compartilhar isso!
Observe que esse problema afetará apenas usuários que fazem hospedagem própria e configuraram algo como o S3. Usuários de hospedagem própria que não estão usando o S3 não enfrentarão esse problema. Clientes hospedados pela CDCK também não precisarão se preocupar com isso, pois já possuem essa configuração.
Dito isso, a configuração do CORS está um pouco fora do escopo deste tópico. Se o bucket de uploads não permitir o acesso ao seu próprio domínio, isso precisa ser corrigido de qualquer forma, pois podem haver outros problemas causados por isso.
Estou um pouco inseguro sobre o que aconteceu aqui. Ambos os casos parecem funcionar para mim toda vez que tento. Podemos atribuir isso a um problema transitório de rede, mas por favor, me avise se você vir isso novamente
Empurrei uma pequena atualização para este componente que deve melhorar a percepção de carregamento; agora há um placeholder baseado na cor do tema em vez dos estilos padrão do Iframe do navegador. Ele só aparece enquanto o arquivo está sendo carregado, então 99% das vezes você nem vai notar.
Seria possível fazer com que a Pré-visualização de PDF seja suprimida ao adicionar um espaço antes do link de upload, como acontece com o oneboxing? Às vezes, você quer uma lista de documentos e não pré-visualizações. Outras vezes, você quer uma pré-visualização.
Estou usando o Safari no MacOS Catalina e não tenho nada desativando a exibição de PDFs no navegador — por exemplo, http://www.orimi.com/pdf-test.pdf carrega normalmente. Mas ainda estou recebendo a janela/mensagem “Plug-in Bloqueado” ao visualizar a prévia no theme-creator.
As configurações específicas do site nas preferências do Safari não são diferentes das de outros sites.
Ainda não está funcionando para mim no Safari no macOS Big Sur. Não há configurações especiais para plugins de blog, e outros PDFs são exibidos no navegador.
O Inspetor Web do Safari apresenta as seguintes reclamações ao carregar a página de pré-visualização no theme-creator: Diretiva 'worker-src' do Content-Security-Policy não reconhecida. A carga de blob:https://theme-creator.discourse.org/7b9b62c7-e782-4080-a521-04e3b06aa142 foi recusada porque não aparece na diretiva object-src da Política de Segurança de Conteúdo.
O mesmo problema ocorre comigo no Firefox, mas apenas após a segunda visita
Existe alguma solução alternativa para isso? Declaração manual na configuração do CSP?
meus links nas mensagens estão no formato domain/secure-media-uploads/original/...
mas no console/rede consigo ver que os downloads reais vêm do bucket
Você vê a credencial amz?
Se não, talvez isso ajude?
Também me lembro de que algo estranho acontecia quando tentei mover uma postagem de categorias (ou era uma cópia/cola?). No final, funcionou quando reenviei o arquivo.
Então estou sem ideias — especialmente sobre o motivo de funcionar em dois fóruns que eu administro e não no outro — sendo o S3 a única diferença. E que você consegue fazer funcionar com o S3. Estou realmente confuso.
Pode ser um conflito com outro componente ou tema. Está funcionando como esperado para mim. Comece desativando outros componentes e tente usar o tema padrão, se o seu for diferente. O mesmo vale para plugins.
Ok — fiz progresso. Desativar os uploads para o S3 resolve o problema para novos uploads. Mas fico com uma bagunça entre S3 e local se seguir por esse caminho!
Pode ser que eu não esteja usando o tal do CDN (CloudFront), que gera os erros irritantes na página de administração. Vou tentar configurá-lo e ver se funciona.
Estou procurando um plugin que permita abrir o PDF em uma nova aba.
O comportamento atual do meu Discourse é permitir apenas o download.
Seria possível fazer isso com um tema semelhante?
Se estiver usando S3, talvez seja necessário atualizar sua política de CORS. Consulte a postagem abaixo: Inline PDF Previews - #106 by JammyDodger
Hospedado por nós? Componentes de tema estão disponíveis para uso em nossos planos Standard, Business e Enterprise.
