wpsjs开发中遇到的小问题

本文探讨了在WPSJS开发过程中遇到的数据传输问题,由于WPSJS的网页嵌入特性,不能直接使用Vue的常规数据传递方式。文章介绍了WPSJS提供的PluginStorage来在ribbon.js和vue组件间进行数据交换,并分享了在TaskPane中修改WPS内容时确保文档获取焦点的解决方法,以及如何获取WPS中的鼠标选择区域,这些内容对于理解和优化WPSJS插件开发具有参考价值。
摘要由CSDN通过智能技术生成

如何从ribbon.js向vue组件传输数据?

我们知道,在vue中可以通过(父组件向子组件传递数据,使用props属性;VueJs 的状态管理模式 Vuex,实现多个组件进行数据共享;子组件向父组件中传递数据,在子组件中使用$emit派发事件,父组件中使用v-on监听事件;通过事件总线(event bus)的方式,可以实现任意两个组件间进行数据传递;)但是这些都是无法在wpsjs中传输的,是因为wpsjs将网页嵌入插件系统,插件系统和网页是两个系统间通讯,所以需要专门的通信方式才行。
wpsjs给出了一种传输方式:

wps.PluginStorage.setItem(‘level_num_list’, level_num_list) # 存入变量名,变量

取出方式:

let ps = wps.PluginStorage
this.level_data = JSON.parse(ps.getItem(‘level_num_list’))

TaskPane中修改wps内容,需要鼠标焦点移动到文档内容才做修改

在每次修改后加入下面语句

wps.
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
wpsjs是一种用于在网页上调用本地WPS的技术,可以方便用户在浏览器直接使用WPS的功能。通过wpsjs,用户在网页上点击相关按钮或链接时,可以唤起本地WPS软件,方便进行编辑、保存和分享文档等操作。 实现wpsjs的方法一般是通过在网页嵌入调用WPS软件的链接或代码。当用户点击该链接或执行相关操作时,就会触发浏览器与本地WPS之间的交互,最终唤起本地WPS软件进行处理。 通过wpsjs,用户可以实现一些常见的操作,比如打开本地的Word文档、Excel电子表格或PowerPoint演示文稿,编辑文本、表格或幻灯片等内容。用户还可以在本地WPS编辑完成后,进行保存,并将修改后的文档重新传输给网页的文档对象。 wpsjs的好处在于方便、快捷,使得用户无需离开网页就能够享受到本地WPS软件的强大功能。同时,wpsjs也提高了用户的工作效率,无需频繁切换不同的软件界面,一切操作都可以在网页上完成。 需要注意的是,wpsjs一般需要用户在本地安装WPS软件,并进行相关设置,以确保wpsjs能够正常工作。另外,为了保证用户的信息安全,wpsjs还需要采取一些安全措施,确保用户的操作和文档内容不会被非法获取或篡改。 综上所述,wpsjs的主要作用是唤起本地WPS软件,通过在网页调用WPS的功能,方便用户在浏览器完成各种操作。它是一种提高工作效率、简化操作流程的有用技术。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值