Web SDK

Водяной знак

Сведения о плагинах

Функция водяных знаков предоставляет гибкое и безопасное решение для электронных таблиц. Разработчики могут добавлять в таблицы текстовые или графические водяные знаки и настраивать их внешний вид и поведение с помощью различных параметров.

Используйте Генератор водяных знаков для предварительного просмотра стилей и скачивания конфигурации плагина в формате JSON.

Режим плагинов

Установка

Shell
pnpm 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.

Справочник: @univerjs/watermark

Режим предустановок

Для водяных знаков нет отдельной предустановки, но плагин можно использовать вместе с другими предустановками.

Установка

Shell
pnpm add @univerjs/watermark

Использование

TypeScript
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const { univerAPI } = createUniver({  // ...  presets: [    UniverSheetsCorePreset(),  ],  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()

Насколько полезно это руководство?

© 2026 DreamNum Co., Ltd.