Visualizações em PDF inline

Hmm, não tenho certeza por que você não vê o pdf, mas funciona bem para mim no seu site aqui. Você tem algum plugin ou bloqueador de anúncios ativo em seu(s) navegador(es)?

3 curtidas

Funciona bem para mim também, mesmo com mídia segura

2 curtidas

No iPad? Acho que não. Então o problema é mais ou menos o próprio Safari. E o DiscourseHub é apenas outro Safari também.

De qualquer forma — está quebrado se não funcionar em todos os navegadores e dispositivos suportados. Mas deve haver algumas coisas engraçadas acontecendo e não sei se vem da Apple ou do componente.

Eu culparia o DiscouseHub por isso, não vejo nada além de uma caixa cinza. Mas usando o próprio Safari, vejo a primeira página, nada mais, e também não vejo essa caixa de ferramentas.

Tudo o que recebo no Safari/iPad é apenas a primeira página pura e agradável.

1 curtida

Ah, entendi. Consigo reproduzir isso no meu iPad também - apenas a página 1 do PDF é exibida em todos os navegadores.

No entanto, isso pode ser porque:

2 curtidas

Claro :man_facepalming:

(Espero mesmo que essa forma de codificar não se torne mais comum. Tal funcionalidade que não esteja pelo menos oculta em todos os celulares deve ser contada como quebrada porque quebra muito a experiência do usuário da maioria das pessoas. Claro — um administrador toma a decisão de instalar ou não, mas ainda assim)

1 curtida

É isso que estou vendo no Edge e no Chrome desktop (ambos os navegadores não têm plugins instalados)

o código-fonte parece ser um frame vazio:

nenhum erro relevante nos logs do Discourse

1 curtida

Você vê algo no console do JavaScript?

1 curtida

Para mim, este parece um problema difícil de solucionar, sem passos de reprodução específicos e claros.

Para mim, o componente de tema parece estar funcionando conforme anunciado. Eu o uso o tempo todo e realmente o aprecio.

  • No meu macbook pro e chrome, vejo a pré-visualização do pdf exatamente como a captura de tela no OP.
  • No meu iphone e chrome e safari, vejo o link do PDF sem pré-visualização, exatamente como o OP descreve.
1 curtida

Instale normalmente e carregue um arquivo PDF :wink:

E ainda assim, aqui estão três pessoas com problemas.

Eu também não sei como prosseguir. Se vocês não conseguem ver nenhum problema e nós não recebemos nenhum erro, a situação é impossível de resolver. Claro, eu poderia remover todos os componentes, mas honestamente — isso não é tão importante para mim, e eu sou um pouco preguiçoso, então… :wink:

1 curtida

Passos claros para reproduzir o problema seriam muito úteis em vez de apenas reclamar. Qual navegador, versão, etc. Algum erro no console javascript? Plugins ou componente de tema conflitantes? Se você não se sentir à vontade para fornecer isso, talvez outras pessoas aqui possam fazê-lo. Obrigado!

Como eu disse, este plugin funciona exatamente como anunciado para mim em todos os dispositivos que uso.

Realmente. Eu realmente dei, porque nunca funcionou.

Que bom para você.

Enfim. Não funciona para mim. E eu não sou o único. E depois dessa atitude, perdi totalmente o interesse. Eu estava apenas desinstalando todos os componentes e tentando descobrir se havia algum conflito estranho, mas posso viver totalmente sem ele.

Você forneceu passos reproduzíveis? Desculpe, este é um tópico longo e acho que perdi. Por favor, aponte-me para ele e tentarei usá-los para ver o problema para que eu possa investigar como podemos corrigi-lo.

Se desejar, você também pode me convidar para sua comunidade para que eu possa ver se minha experiência em seu site é diferente da sua.

Este não é um bug esotérico que ocorre apenas em alguma sub-versão do navegador. Parece que para alguns usuários (pelo menos para mim e @Jagster) nunca funcionou em nenhum navegador, em nenhuma versão, mesmo com o navegador recém-instalado e sem add-ons de navegador instalados.
Estou anexando minha lista de plugins, caso possa ser um conflito com um deles?
Caso contrário, como foi dito antes, não há passos particulares além de habilitar o componente, configurá-lo para o modo “inline” e é isso.

plugin version
discourse-assign
Atribuir usuários a tópicos
1.0.1
discourse-bbcode-color
Um plugin Discourse para suportar tags de cor BBCode.
0.2
discourse-cakeday
Mostra um bolo de aniversário ao lado do nome do usuário em seu aniversário e/ou na data em que ingressou no Discourse.
0.3
discourse-calendar
Exibe um calendário na primeira postagem de um tópico
0.3
discourse-checklist
Adiciona suporte a checklist ao Discourse
0.4.1
discourse-docs
Um plugin para facilitar a exploração e descoberta de documentos da base de conhecimento no Discourse
0.1
discourse-math
Plugin oficial do mathjax para Discourse
0.9
discourse-plugin-site-setting-override
Exemplo de plugin para substituir uma configuração do site
1.0.0
discourse-policy
Aplica políticas aos tópicos do Discourse
0.1
discourse-reactions
Permite que os usuários reajam com emojis a uma postagem
0.2
discourse-shared-edits
Edita postagens colaborativamente no Discourse
0.1.0
discourse-teambuild
Exercício de Construção de Equipe para Discourse
0.0.1
discourse-topic-voting
Adiciona a capacidade de votar em recursos em uma categoria especificada.
0.5
discourse-whos-online
Exibe uma lista de usuários online no topo da tela
2
docker_manager
Gerenciador Docker para imagem Discourse
0.1

EDIT:
Desculpe, não pensei nisso antes, mas consigo ver um erro no console do navegador:

Acesso a fetch em 'https://ddhctjh.s3.us-east-2.amazonaws.com/original/2X/d/d9b0bb43744e74691b087.pdf?X-Amz-Algorithm=..............' (redirecionado de 'https://dfgdfg.dfg/secure-uploads/original/2X/d/d9b0bb474687.pdf') a partir da origem '' foi bloqueado pela política CORS: Nenhum cabeçalho 'Access-Control-Allow-Origin' está presente no recurso solicitado. Se uma resposta opaca atende às suas necessidades, defina o modo da solicitação como 'no-cors' para buscar o recurso com CORS desativado.
2 curtidas

Deixe-me fazer um teste aqui. Plugin ativado temporariamente. Funcionou para mim? E para você? (editar: componente de tema removido após o teste - confirmado funcionando para mim e @Alon1)

sample-pdf-with-images.pdf (3,8 MB)

2 curtidas

Legal! Esse erro pode ajudar outras pessoas a identificar a origem do problema no seu site.

2 curtidas

sim!

2 curtidas

Posso confirmar que o plugin FUNCIONA se eu instalar um plugin de navegador: https://mybrowseraddon.com/access-control-allow-origin.html e ativar o CORS.
Claro, esta não é uma solução, mas pode lançar luz sobre o problema.

2 curtidas

Não tenho ideia do que esse erro CORS significa. Mas parece que você está se aproximando da causa do seu problema!

2 curtidas

Pelo que entendi, este é um problema de cross-domain. Como armazeno arquivos no S3 (“habilitar uploads S3”), o domínio dos ativos é amazonaws.com, que é diferente do domínio da minha instalação do Discourse.

2 curtidas

talvez você precise verificar a configuração administrativa de origens cors?

3 curtidas