Компонент React для просмотра PDF-документа

Компонент React для просмотра PDF-документа. Написан на TypeScript и полностью основан на хуках React.

Ключевая особенность:

• Поддержка документа, защищенного паролем
• Масштабирование: поддержка пользовательских уровней, таких как фактический размер, размер страницы и ширина страницы.
• Навигация между страницами
• Можно быстро перейти к первой и последней страницам
• Поиск текста
• Миниатюры страниц предварительного просмотра
• Просмотр и навигация по оглавлению
• Список и загрузка вложений
• Вращающийся
• Выбор текста и режимы ручного инструмента
• Различные режимы прокрутки
• Полноэкранный режим
• Можно открыть файл с локального компьютера. Пользователи могут перетаскивать локальный файл, чтобы просмотреть его.
• Загрузить файл
• Просмотр свойств документа
• Поддержка ССР
• Распечатать
• Пользовательская панель инструментов
• Несколько языков

Установить и усилить; Импорт:

# 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';

Основное использование:

<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>

Предварительный просмотр:

Подробности загрузки:

Автор: act-pdf-viewer

Демо-версия: Просмотреть демо-версию

Ссылка для скачивания: Загрузите исходный код

Официальный сайт: https://github.com/react-pdf-viewer/react-pdf-viewer

Лицензия: MIT