WPS使用,实现用WPS打开在线文档并且进行编辑

相关资料文档

JSAPI概述及原理 https://kdocs.cn/l/skWT29577eEE
JSAPI集成开发文档 https://kdocs.cn/l/srARJ5L8CTx4
JSAPI功能开发大全 https://kdocs.cn/l/sf9SgVEjPxan
JSAPI问题排查手册 https://kdocs.cn/l/sutxB6E8CS7m
官网demo:https://code.aliyun.com/zouyingfeng/wps/tree/master/oaassist
wps安装包:https://download.csdn.net/download/weixin_41674235/86609168

wps的使用

  1. 安装WPS,WPS版本支持情况

    WPS Win:企业版:11.8.2.8808;个人版:11.1.0.9566

    Linux 企业版:11.8.2.9346 ; 个人版暂不支持

    他们之后的版本,含他们自己

    这些版本是稳定支持的,之前的2019版本也支持,不推荐用了,jsapi支持的不稳定。

  2. 加载项管理文件存放位置(jsaddons目录,当wps启动打开不了文档可尝试删除这个目录文件)
    jsaddons目录地址:
    windows:
    我的电脑地址栏中输入:%appdata%\kingsoft\wps\jsaddons
    linux:
    我的电脑地址栏中输入:~/.local/share/Kingsoft/wps/jsaddons

  3. wps打开调试ALt+f12 (需要OA辅助)在这里插入图片描述4. 使用demo:https://download.csdn.net/download/weixin_41674235/86609124(具体用法参照这个demo):
    与wps建立连接,集成了wps打开文档,在线编辑文档,预览打开文档等功能(wpssdk文件下载及具体功能使用案例)。可以直接用于原生网站和vue等框架搭建的网站。

//vue+ts中调用js文件中的方法如下:(先在index.html文件中cdn引入相关js)
//连接wps并进行通信 (window as any).installWpsAddin();
(window as any).installWpsAddin(() => {//安装成功的一个回调,适用于当要点击使用wps才去提示用户卸载安装的场景

})
//接收wps发送过来的消息
  (window as any).messages = (res: any) => {
    const data = JSON.parse(res);
    if (data.method) {
      Vue.prototype.$eventBus.$emit(data.method, data);
    }
  };
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用JSP代码实现WPS在线编辑,您可以通过使用WPS开放的API接口来实现。以下是一个简单的示例,展示如何在JSP页面中嵌入WPS在线编辑器: 1. 首先,在您的JSP页面中引入WPS在线编辑器的JavaScript和CSS文件。您可以从WPS官方网站下载这些文件,或者使用CDN链接。 ```jsp <head> <link rel="stylesheet" href="https://cdn.wps.cn/libs/wps.js/11.1.0/css/wps.min.css"> </head> <body> <!-- 在需要显示WPS在线编辑器的地方添加一个容器 --> <div id="wpsEditor"></div> <script src="https://cdn.wps.cn/libs/wps.js/11.1.0/js/wps.min.js"></script> <script> // 初始化WPS编辑器 var editor = new WpsEditor('wpsEditor'); // 打开文档 editor.openDocument('https://example.com/document.docx'); </script> </body> ``` 2. 在上述代码中,`<div id="wpsEditor"></div>` 是一个用于容纳WPS在线编辑器的容器。您可以根据需要自定义该容器的样式和位置。 3. 使用`<script>`标签引入WPS在线编辑器的JavaScript文件,然后创建一个`WpsEditor`实例,并将WPS编辑器初始化到指定的容器中。 4. 使用`editor.openDocument('https://example.com/document.docx')` 方法打开指定URL的文档。您可以将URL替换为您需要编辑文档的URL。 请注意,这只是一个简单的示例,您需要根据实际情况进行适当的调整和配置。确保您已经获取了WPS在线编辑器的正确版本,并将相关文件正确引入到您的JSP页面中。 希望这个示例能够帮助您实现在JSP页面中使用WPS在线编辑器的功能。如果您有任何其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值