Filigrane

Informations sur les plugins

La fonctionnalité de filigrane offre une solution souple et sécurisée pour les pages web et les applications. Elle permet aux développeurs de générer dynamiquement des filigranes textuels ou graphiques sur la page afin d’empêcher toute utilisation ou diffusion non autorisée du contenu. Elle prend également en charge diverses options de configuration.

Utilisez le Générateur de filigranes pour prévisualiser les styles de filigrane et télécharger la configuration du plugin au format JSON.

Mode plugin

Installation

Shell
pnpm add @univerjs/watermark

Utilisation

TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const univer = new Univer({  // ...})univer.registerPlugin(UniverWatermarkPlugin, {   textWatermarkSettings: {     content: 'Hello, Univer!',     fontSize: 36,   }, })

Plugins et configuration

@univerjs/watermark

Ce plugin fournit l’implémentation principale de la fonctionnalité de filigrane. Il permet aux développeurs d’ajouter des filigranes textuels ou graphiques aux applications et propose diverses options de configuration pour personnaliser leur apparence et leur comportement. Il fournit le plugin UniverWatermarkPlugin.

Référence : @univerjs/watermark

Mode prédéfini

Le filigrane ne fournit aucun préréglage, mais son plugin peut être combiné à des préréglages.

Installation

Shell
pnpm add @univerjs/watermark

Utilisation

TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const { univerAPI } = createUniver({  // ...  presets: [    UniverDocsCorePreset(),  ],  plugins: [    [UniverWatermarkPlugin, {       textWatermarkSettings: {         content: 'Hello, Univer!',         fontSize: 36,       },     }],   ],})

API Facade

Importation

Remarque sur le mode plugin

Seul le mode plugin nécessite d’importer manuellement le package Facade. Le mode prédéfini inclut déjà le package Facade correspondant ; aucune importation supplémentaire n’est donc nécessaire.

TypeScript
import '@univerjs/watermark/facade'

Ajouter un filigrane

TypeScript
univerAPI.addWatermark('text', { content: 'hello', repeat: true })

Supprimer le filigrane

TypeScript
univerAPI.deleteWatermark()

Que pensez-vous de ce guide ?

© 2026 DreamNum Co., Ltd.