<template>  <divstyle="width: 100%; height: 90vh; border: 1px solid #eee;">    <DocumentEditor      id="pptEditor"      :document-server-url="docServerUrl"      :config="editorConfig"      :on-load-component-error="onLoadError"      :events_onDocumentReady="onDocumentReady"      :events_onDocumentSave="onDocumentSave"    />  </div></template><scriptsetup>import { ref, reactive } from 'vue';import { DocumentEditor } from '@onlyoffice/document-editor-vue';// 你的 ONLYOFFICE Document Server 地址const docServerUrl = ref('http://localhost:8080');// PPT 唯一 KEY（必须每次不同，避免缓存）const pptKey = ref('ppt_' + Date.now());// PPT 编辑器核心配置const editorConfig = reactive({  width: '100%',  height: '100%',  // ✅ PPT 必须使用：slide  documentType: 'slide',  // 文档信息  document: {    fileType: 'pptx', // PPT 格式    key: pptKey.value,    title: '演示文稿.pptx',    // ✅ 你的 PPT 文件下载地址（Document Server 可访问）    url: 'http://localhost:8080/static/demo.pptx',  },  // 编辑器配置  editorConfig: {    mode: 'edit', // edit 编辑 / view 只读    lang: 'zh-CN',    user: {      id: 'user_ppt',      name: '演示文稿操作员',    },    // 保存回调（和 Word/Excel 通用）    callbackUrl: 'http://localhost:3000/api/onlyoffice/callback',    // PPT 专用配置（可选）    customization: {      autosave: true, // 自动保存      showToolbar: true, // 显示工具栏    },  },});// 加载失败const onLoadError = (err) => {  console.error('PPT 编辑器加载失败：', err);};// 加载完成const onDocumentReady = () => {  console.log('PPT 加载完成，可编辑');};// 保存触发const onDocumentSave = (e) => {  console.log('PPT 自动保存触发：', e);};</script>

<template>  <div>    <h2>ONLYOFFICE PPT 在线编辑</h2>    <OnlyOfficePptEditor />  </div></template><scriptsetup>import OnlyOfficePptEditor from './components/OnlyOfficePptEditor.vue';</script>