Водяной знак
Функция водяных знаков позволяет создавать гибкие и надёжные решения для защиты веб-страниц и приложений. Разработчики могут динамически добавлять на страницу текстовые или графические водяные знаки, чтобы предотвратить несанкционированное использование и распространение контента. Доступны различные параметры настройки.
Используйте Генератор водяных знаков для предварительного просмотра стилей и скачивания конфигурации плагина в формате JSON.
Режим пресетов
Для водяных знаков нет отдельного пресета, но соответствующий плагин можно использовать совместно с пресетами.
Установка
pnpm add @univerjs/watermarknpm install @univerjs/watermarkyarn add @univerjs/watermarkbun add @univerjs/watermarkИспользование
import { UniverWatermarkPlugin } from '@univerjs/watermark'import '@univerjs/watermark/facade'const { univerAPI } = createUniver({ // ... presets: [ UniverDocsCorePreset(), ], plugins: [ [UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, }], ],})Режим плагинов
Установка
pnpm add @univerjs/watermarknpm install @univerjs/watermarkyarn add @univerjs/watermarkbun add @univerjs/watermarkИспользование
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
Facade API
Импорт
Примечание для режима плагинов
Импортировать пакет Facade вручную нужно только в режиме плагинов. В режиме пресетов соответствующий пакет Facade уже подключён, поэтому дополнительный импорт не требуется.
import '@univerjs/watermark/facade'Добавление водяного знака
univerAPI.addWatermark('text', { content: 'hello', repeat: true })Удаление водяного знака
univerAPI.deleteWatermark()Насколько полезно это руководство?