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,
...
]}
/>
评论