水印
插件信息
水印功能旨在为网页或应用提供灵活且安全的水印方案。通过该功能,开发者可以在页面上动态生成文本或图片水印,以防止内容未经授权的使用或传播。并支持多种配置。
预览
预设模式
水印并未提供预设模式,但支持与其插件混用。
安装
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, }, }], ],})插件模式
安装
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 插件。
Facade API
引入
插件模式提示
仅插件模式需要手动引入 Facade 包。预设模式已内置对应的 Facade 包,无需额外导入。
TypeScript
import '@univerjs/watermark/facade'设置水印
TypeScript
univerAPI.addWatermark('text', { content: 'hello', repeat: true })移除水印
TypeScript
univerAPI.deleteWatermark()你觉得这篇文档如何?