Filigrane
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
pnpm add @univerjs/watermarknpm install @univerjs/watermarkyarn add @univerjs/watermarkbun add @univerjs/watermarkUtilisation
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
pnpm add @univerjs/watermarknpm install @univerjs/watermarkyarn add @univerjs/watermarkbun add @univerjs/watermarkUtilisation
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.
import '@univerjs/watermark/facade'Ajouter un filigrane
univerAPI.addWatermark('text', { content: 'hello', repeat: true })Supprimer le filigrane
univerAPI.deleteWatermark()Que pensez-vous de ce guide ?