vue项目在浏览器嵌入wps进行操作,这里记录两种方式,本地载入这个能匹配内网使用

先整几个参考文档: wps开放平台 开发文档: https:www.kdocslcmd0fQ9SjcsS https:www.kdocslcvItn7DFoX99 https:www.kdocslcqVyOOjyWm

先整几个参考文档:
wps开放平台
开发文档:
https://www.kdocs/l/cmd0fQ9SjcsS
https://www.kdocs/l/cvItn7DFoX99
https://www.kdocs/l/cqVyOOjyWmm8

效果图:copy了个网上的效果图,本地项目的wps做的Linux国产化系统适配,打不开

目前项目是中途需要使用wps相关功能,只能人工给他载进去,下面先说官网介绍的vue使用方式。

如果是vue项目需要使用wps,建议在项目脚手架阶段就通过wps加载项的方式导入项目,这样比较方便开发,少写很多js。
准备开发环境:wps、Node.js
具体步骤:

//通过npm全局安装wpsjs开发工具包
npm install -g wpsjs
//更新wpsjs的命令
npm update -g wpsjs
//新建一个wps加载项
wpsjs create project
//调试命令
wpsjs debug

选择UI框架的时候,选择Vue就好,"Vue"代表生成的示例代码集成了Vue相关的脚手架,实际开发的时候更适合工程化开发,

我本地单独载入的方式

<script type="text/javascript" src="wps_general.js"></script>

这里js源码文件不知道怎么load进来,copy了一份在下面(中文编码有问题,但是不影响使用)

/** 
 * @file common.js
 * @desc WPSһЩͨ�õķ���������ƽ̨ͨ��
 * @author wps-developer
 */

/**
 * @desc WPS���ú�����Ĺ��캯��
 */
function WPSFrame() {
   
	this.elementObj = null;
	// ������

发布者:admin,转转请注明出处:http://www.yc00.com/web/1741135535a4312920.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信