ウォーターマーク
プラグイン情報
ウォーターマーク機能は、スプレッドシート向けに柔軟かつ安全な透かしソリューションを提供することを目的としています。テキストや画像の透かしをスプレッドシートに追加でき、透かしの見た目や挙動をカスタマイズするための各種設定オプションを提供します。
透かし設定ジェネレーターで透かしのスタイルをプレビューし、プラグイン用の設定を 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: [ UniverSheetsCorePreset(), ], plugins: [ [UniverWatermarkPlugin, { textWatermarkSettings: { content: 'Hello, Univer!', fontSize: 36, }, }], ],})Facade API
インポート
プラグインモード注意
Facade パッケージの手動 import が必要なのはプラグインモードのみです。プリセットモードには対応する Facade パッケージが内蔵されているため、追加の import は不要です。
TypeScript
import '@univerjs/watermark/facade'ウォーターマークを設定
TypeScript
univerAPI.addWatermark('text', { content: 'hello', repeat: true })ウォーターマークを削除
TypeScript
univerAPI.deleteWatermark()このガイドはいかがですか？