Um componente React para visualizar um documento PDF

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