# @univerjs-pro/pdfs-ui

- Human documentation: [https://docs.univer.ai/reference/packages/plugins/univerjs-pro/pdfs-ui](https://docs.univer.ai/reference/packages/plugins/univerjs-pro/pdfs-ui)

- Agent Markdown: [https://docs.univer.ai/reference/packages/plugins/univerjs-pro/pdfs-ui.md](https://docs.univer.ai/reference/packages/plugins/univerjs-pro/pdfs-ui.md)

- Requested language: `en-US`

- Content language: `en-US`

- Documentation version: `1.0.0-rc.0`

- Source: [packages/plugins/univerjs-pro/pdfs-ui.mdx](https://github.com/dream-num/documentation/blob/dev/content/reference/packages/plugins/univerjs-pro/pdfs-ui.mdx)

---

Canvas rendering and editing UI for Web SDK PDF units, including the PDF View ribbon and virtual continuous scrolling.

```typescript
import { UniverPdfsUIPlugin } from '@univerjs-pro/pdfs-ui'

import '@univerjs-pro/pdfs-ui/lib/index.css'

univer.registerPlugin(UniverPdfsUIPlugin, {
  editor: { enabled: true },
  thumbnailWorkerURL: new Worker(new URL('./pdf-thumbnail.worker.ts', import.meta.url), { type: 'module' }),
})
```

`editor.enabled` defaults to `true` and controls whether the plugin registers PDF editing commands, clipboard handling, the ribbon, the inspector, and thumbnail actions. `thumbnailWorkerURL` accepts a `string`, `URL`, or `Worker` for OffscreenCanvas thumbnail rendering.

Create the worker entry referenced above:

```typescript
import { startPdfPageThumbnailWorker } from '@univerjs-pro/pdfs-ui'

startPdfPageThumbnailWorker()
```

## Entry Points

* Locale: `@univerjs-pro/pdfs-ui/locale/*`
* Style: `@univerjs-pro/pdfs-ui/lib/index.css`
* Worker runtime: `startPdfPageThumbnailWorker` from `@univerjs-pro/pdfs-ui`

The root entry also exports `renderPdfPageToCanvas` for rendering a PDF page into an existing canvas. See the [PDF UI overview](https://docs.univer.ai/guides/pdfs/ui/overview.md).