インポートとエクスポート
@univerjs-pro/boards-exchange-client は Mermaid ソースのインポートと PPTX ファイルのエクスポートに対応しています。
対応形式
以下は本ページのブラウザー API が対応する形式です。Office ファイルの変換には、同じドキュメント種類と形式に対応したバックエンドが必要です。
| インポート | エクスポート |
|---|---|
| Mermaid ソーステキスト | .pptx |
最初に Board ランタイムを登録する
TypeScript
univer.registerPlugin(UniverBoardsPlugin)univer.registerPlugin(UniverBoardsUIPlugin)univer.registerPlugin(UniverBoardsExchangeClientPlugin)対象の要素を含む可能性があるデータをインポートする場合は、事前にオプションの要素プラグインを登録します。
TypeScript
univer.registerPlugin(UniverBoardsTablePlugin)univer.registerPlugin(UniverBoardsTableUIPlugin)univer.registerPlugin(UniverBoardsMindPlugin)univer.registerPlugin(UniverBoardsMindUIPlugin)スナップショットの受け渡し
アプリケーションレベルでデータを永続化するには、Board のスナップショットを保存し、復元します。
TypeScript
const board = univerAPI.getActiveBoard()const snapshot = board.getData()univer.createUnit(UniverInstanceType.UNIVER_BOARD, snapshot)Facade エクスポートと Mermaid インポート
TypeScript
import '@univerjs-pro/exchange-client/facade'import '@univerjs-pro/boards-exchange-client/facade'const file = await univerAPI.exportBoardByUnitIdAsync(board.getId())if (file) univerAPI.downloadFile(file, 'board', 'pptx')await board.insertMermaidAsync('flowchart LR\n A[下書き] --> B[レビュー]')PPTX のエクスポートには Univer Server SDK で変換バックエンドを組み込み、Board スナップショットへの対応を確認します。クライアントライセンスは別途設定します。ブラウザープラグインの登録だけでは変換 API は提供されません。
このガイドはいかがですか？