React PDF Viewer —— React 编写的 PDF 浏览组件

React PDF viewer 是用于查看 PDF 文档的 React 组件，采用 TypeScript 编写，完全基于 React hooks。

特性

• 支持密码保护的文档
• 缩放：支持自定义级别，例如实际大小、页面适合度和页面宽度
• 支持页面间导航
• 支持快速跳转到第一页和最后一页
• 搜索文本
• 预览页面缩略图
• 查看和导航目录
• 罗列和下载附件
• 支持文本选择和手动工具模式
• 支持不同的滚动模式
• 支持全屏模式
• 支持从本地打开文件，用户可以拖放本地文件进行查看
• 下载文件
• 查看文档属性
• 支持 SSR
• 支持打印
• 支持深色模式
• 可访问性

使用

 // Core viewer import { Viewer } from '@react-pdf-viewer/core'; // Plugins import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout'; // Import styles import '@react-pdf-viewer/core/lib/styles/index.css'; import '@react-pdf-viewer/default-layout/lib/styles/index.css'; // Create new plugin instance const defaultLayoutPluginInstance = defaultLayoutPlugin(); <Viewer fileUrl='/assets/pdf-open-parameters.pdf' plugins={[ // Register plugins defaultLayoutPluginInstance, ... ]} />