vue3项目接入Web Office开放平台
官网地址:
快速开始-WebOffice 知识库
1、根据需要下载对应SDK包
JSSDK 更新日志-WebOffice 知识库
2、先引入下载的sdk包,我这里引入的es6的包
import WebOfficeSDK from './web-office-sdk-v1.1.3.es';
3、在Html中找一个容器给上ID,等会要挂载这上面
<template>
<n-card class="h-full">
<div id="wpshtml" style="width: 80%"></div>
</n-card>
</template>
4、
const openFile = async () => {
try {
// 打开文件进行查看|编辑
await WebOfficeSDK.config({
url: url, // 文件地址
mount: document.getElementById('wpshtml'),
});
console.log('文件已打开');
} catch (error) {
console.error('打开文件失败:', error);
}
};
onMounted(() => {
openFile();
});
这样的话,你的wps就能出来了!!
注意:链接要拼接正确