Marca de agua

Información de complementos

La función de marca de agua tiene como objetivo proporcionar una solución de marca de agua flexible y segura para páginas web o aplicaciones. Con esta función, los desarrolladores pueden generar dinámicamente marcas de agua de texto o imágenes en la página para evitar el uso no autorizado o la difusión de contenido, y admite varias configuraciones.

Utilice el Generador de marcas de agua para previsualizar los estilos y descargar la configuración del complemento en formato JSON.

Modo de complemento

Instalación

Shell
pnpm add @univerjs/watermark

Uso

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

Complementos y Configuración

@univerjs/watermark

Este complemento proporciona la implementación principal de la funcionalidad de marca de agua. Permite a los desarrolladores agregar marcas de agua de texto o imágenes a las aplicaciones y ofrece varias opciones de configuración para personalizar la apariencia y el comportamiento de la marca de agua. Proporciona el complemento UniverWatermarkPlugin.

Referencia: @univerjs/watermark

Modo preestablecido

La marca de agua no proporciona un ajuste preestablecido, pero admite la mezcla con sus complementos.

Instalación

Shell
pnpm add @univerjs/watermark

Uso

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

API de Facade

Importación

Plugin mode note

Solo el modo complemento requiere importar manualmente el paquete Facade. El modo preestablecido ya incluye el paquete Facade correspondiente, por lo que no se necesita ninguna importación adicional.

TypeScript
import '@univerjs/watermark/facade'

Establecer marca de agua

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

Eliminar marca de agua

TypeScript
univerAPI.deleteWatermark()

¿Cómo es esta guía?

© 2026 DreamNum Co., Ltd.