Présentation de l’interface utilisateur

Configurez le canevas PDF, les contrôles d’édition, la locale et le worker de miniatures.

@univerjs-pro/pdfs-ui monte les unités PDF dans l’espace de travail Univer standard et est fourni sous licence Univer Office SDK.

Responsabilités des packages

PackageResponsabilité
@univerjs-pro/pdfsEnregistre l’unité UNIVER_PDF, le modèle de document et les commandes PDF persistantes.
@univerjs-pro/pdfs-uiMonte le canevas du navigateur, le rail de miniatures et le pied de page. Ses contrôles d’édition locale sont activés par défaut.
@univerjs-pro/pdfs-editorDéclare les dépendances de l’éditeur collaboratif. Il ne monte pas l’interface PDF et ne contrôle pas editor.enabled.

UniverPdfsUIPlugin dépend de UniverLicensePlugin et de UniverPdfsPlugin. Terminez d’abord la configuration PDF sous licence, puis enregistrez le plugin d’interface.

Enregistrer le plugin d’interface

TypeScript
import { UniverPdfsUIPlugin } from '@univerjs-pro/pdfs-ui'import PdfsUIFrFR from '@univerjs-pro/pdfs-ui/locale/fr-FR'import '@univerjs-pro/pdfs-ui/lib/index.css'univer.registerPlugin(UniverPdfsUIPlugin)

Fusionnez PdfsUIFrFR avec les locales transmises à new Univer(...). Ce pack traduit le ruban, l’inspecteur, les menus contextuels et le rail de pages propres au PDF.

Modes visionneuse et éditeur

Le plugin monte toujours le rail de miniatures, le canevas PDF et le pied de page. L’édition est activée par défaut et enregistre en plus le ruban, les menus contextuels, l’inspecteur, le presse-papiers, les commandes d’insertion ainsi que les actions et contrôleurs d’édition.

Utilisez le mode lecture seule lorsque l’application ne doit pas exposer ces contrôles :

TypeScript
univer.registerPlugin(UniverPdfsUIPlugin, {  editor: { enabled: false },})

Cette option modifie l’interface montée ainsi que les contrôleurs et services propres à l’édition. Ce n’est pas une règle d’autorisation et elle ne modifie pas un instantané PDF enregistré.

Worker de miniatures

thumbnailWorkerURL accepte une chaîne, une URL ou un Worker existant. Le module référencé doit démarrer le runtime exporté :

TypeScript
import { startPdfPageThumbnailWorker } from '@univerjs-pro/pdfs-ui'startPdfPageThumbnailWorker()
TypeScript
univer.registerPlugin(UniverPdfsUIPlugin, {  thumbnailWorkerURL: new URL('./pdf-thumbnail-worker.js', import.meta.url),})

Le worker exige un contexte Worker dédié. S’il n’est pas configuré, si le navigateur ne fournit pas les API nécessaires ou si une page dépend d’une ressource réservée au thread principal, les miniatures sont rendues sur le thread principal.

Limite de l’API publique

L’interface appelle des commandes et services PDF en interne. Un bouton du ruban n’implique pas une méthode publique équivalente. Consultez le guide de la Facade PDF pour l’édition programmatique prise en charge, Import et export pour la conversion et Impression pour l’impression dans le navigateur.

Utilisez order, gridLayout et updateMenuConfig() pour régler l’ordre des onglets, groupes et éléments, leur disposition en grille et les mises à jour à l’exécution. Le guide renvoie également aux options Facade des menus personnalisés.

Que pensez-vous de ce guide ?

© 2026 DreamNum Co., Ltd.