水印
插件信息
水印功能旨在為網頁或應用提供靈活且安全的水印方案。透過該功能，開發者可以在頁面上動態生成文字或圖片水印，以防止內容未經授權的使用或傳播。並支援多種配置。
使用浮水印設定產生器調整浮水印樣式、即時預覽效果，並下載可用於外掛的 JSON 設定。
外掛模式
安裝
Shell
pnpm add @univerjs/watermarkShell
npm install @univerjs/watermarkShell
yarn add @univerjs/watermarkShell
bun add @univerjs/watermark使用
TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const univer = new Univer({ // ...})univer.registerPlugin(UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, })外掛與配置
@univerjs/watermark
本外掛提供了水印功能的核心實現。它允許開發者在應用中新增文字或圖片水印，並提供多種配置選項來客製化水印的外觀和行為。其提供了 UniverWatermarkPlugin 外掛。
預設模式
水印並未提供預設模式，但支援與其外掛混用。
安裝
Shell
pnpm add @univerjs/watermarkShell
npm install @univerjs/watermarkShell
yarn add @univerjs/watermarkShell
bun add @univerjs/watermark使用
TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const { univerAPI } = createUniver({ // ... presets: [ UniverDocsCorePreset(), ], plugins: [ [UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, }], ],})Facade API
引入
外掛模式提示
僅外掛模式需要手動引入 Facade 套件。預設模式已內建對應的 Facade 套件，無需額外引入。
TypeScript
import '@univerjs/watermark/facade'設定水印
TypeScript
univerAPI.addWatermark('text', { content: 'hello', repeat: true })移除水印
TypeScript
univerAPI.deleteWatermark()你覺得這篇文檔如何？