Por padrão, a largura de uma prévia PDF embutida em um artigo varia dependendo do navegador do leitor. Você pode sobrescrever isso usando o CSS Personalizado para definir a pré-visualização do PDF com uma largura consistente, normalmente 100% do contêiner do artigo, para que a pré-visualização seja renderizada da mesma forma para todos os leitores, independentemente do navegador.
Essa solução alternativa se aplica apenas a artigos criados no editor Advanced WYSIWYG. Prévias em PDF nos artigos do editor Markdown não são afetadas.
Quando usar essa correção
- Renderização inconsistente dos PDFs entre navegadores: se os leitores relatarem que PDFs incorporados parecem muito estreitos ou variam em tamanho, essa correção padroniza a largura da prévia.
- Melhorando a legibilidade de PDFs incorporados: expandir a pré-visualização para a largura total do artigo torna o conteúdo do documento mais fácil de ler, sem que o leitor precise dar zoom ou abrir o arquivo separadamente.
Essa alteração no CSS se aplica a todas as prévias de PDF incorporadas em todos os artigos do editor Advanced WYSIWYG no site. Não é possível direcionar PDFs individuais usando esse método.
Referência rápida
Use o trecho para a versão do seu site da base de conhecimento.
article p object {
width: 100% !important;
}
Como definir uma largura consistente de pré-visualização do PDF
- No portal da Base de Conhecimento, acesse Configurações > site da Base de Conhecimento > CSS & JavaScript Personalizados.
- Selecione a aba CSS e cole o trecho da versão do site da sua base de conhecimento a partir da referência rápida acima.
- Clique em Salvar.
Desfecho
Após salvar o CSS, prévias de PDF incorporadas se expandem até toda a largura do contêiner do artigo, exibindo consistentemente em todos os navegadores.
Escopo e cobertura
| Item | Detalhes |
|---|---|
| Escopo | Prévias globais em PDF todas incorporadas em todos os artigos do editor Advanced WYSIWYG |
| Suporte ao editor | Apenas editor avançado WYSIWYG, artigos do editor Markdown não são afetados |
| Largura aplicada | 100% do contêiner de artigos |
| Largura personalizada | Substitua 100% por um valor específico (por exemplo, 80% ou 600px) se preferir uma largura fixa ou reduzida |
Melhores práticas
- Teste em vários navegadores após aplicar: verifique se a pré-visualização do PDF é renderizada corretamente no Chrome, Firefox, Safari e Edge para confirmar que a correção funciona como esperado nos navegadores mais comuns dos seus leitores.
- Use uma porcentagem em vez de uma largura fixa de pixel:
100%adapta-se a diferentes tamanhos de tela e layouts de artigos. Um valor fixo de pixel, como800pxpode transbordar em telas mais estreitas ou dispositivos móveis. - Considere reduzir a largura se o layout do artigo for estreito: se seu modelo de artigo usar um layout de duas colunas ou tiver uma área de conteúdo restrita,
100%ainda pode produzir uma prévia menor do que o esperado. Nesse caso, verifique se alargar o contêiner de conteúdo ou ajustar para90%melhorar o resultado.