Um componente React para visualizar um documento PDF. Escrito em TypeScript e desenvolvido com ganchos React completamente.
Características principais:
- Documento protegido por senha de suporte
- Zoom: suporte a níveis personalizados, como tamanho real, ajuste de página e largura de página
- Navegação entre páginas
- Pode ir para a primeira e a última página rapidamente
- Pesquisar texto
- Visualizar miniaturas de páginas
- Visualize e navegue no índice
- Listar e baixar anexos
- Girando
- Seleção de texto e modos de ferramentas manuais
- Diferentes modos de rolagem
- Modo tela cheia
- Pode abrir um arquivo local. Os usuários podem arrastar e soltar um arquivo local para visualizá-lo
- ⇬ Fazer download do arquivo
- Ver as propriedades do documento
- Apoiar SSR
- Imprimir
- Barra de ferramentas personalizada
- Vários idiomas
Instalar e instalar Importar:
# NPM
$ npm i pdfjs-dist @phuocng/react-pdf-viewer --saveimport Viewer, { Worker } from '@phuocng/react-pdf-viewer';
import '@phuocng/react-pdf-viewer/cjs/react-pdf-viewer.css';
Uso Básico:
<Worker workerUrl="https://unpkg.com/pdfjs-dist@2.4.456/build/pdf.worker.min.js">
<div style={{ height: '750px' }}>
<Viewer fileUrl="/path/to/document.pdf" />
</div>
</Worker>
Visualização:
Detalhes do download:
Autor: react-pdf-viewer
Demonstração ao vivo: Veja a demonstração
Link para download: Baixe o código-fonte
Site oficial: https://github.com/react-pdf-viewer/react-pdf-viewer
Licença: MIT