WPS表格加载项开发

已于 2025-07-29 22:09:29 修改
阅读量595 收藏 7
点赞数 7
CC 4.0 BY-SA版权
分类专栏： WPS表格加载项 文章标签： wps node.js
于 2025-02-23 14:14:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76975923/article/details/145809256

WPS表格加载项开发笔记

文章目录

环境配置

参考网站WPS开放平台

  1. 进入网站后点击开发文档，然后点击右下角回到旧版
    在这里插入图片描述
  2. 点击客户端开发，在加载项概述里有debug问题等解决办法，参照生成首个WPS加载项即可完成环境配置，在此之前需要安装Node.js环境。Node.js下载链接
    在这里插入图片描述

项目结构

在这里插入图片描述

如图，WPS表格加载项默认生成项目

  • ribbon.xml代表了UI组件，遵循Custom UI标准，参考网站微软教程
  • index.html为项目入口，js文件通过此文件与WPS通信
  • package.json和node_modules为Node.js包管理组件
  • ui文件夹包含了默认项目的任务窗格和网页对话框窗口文件
  • main.js为index.html包含的js文件
  • images文件夹包含了UI界面的图片，png格式也可以

项目调试

使用命令行打开项目文件夹，输入以下命令
在这里插入图片描述

默认会在本地3889端口启用一个服务
在这里插入图片描述

同时会自动启动WPS，并在菜单栏多出WPS加载项示例
在这里插入图片描述
如果想要关闭加载项，只需在命令行按Ctrl + c即可
表格加载项的热更新可通过关闭表格文件之后再打开完成

至此便完成了WPS表格加载项环境配置与测试

WPS加载项开发
技术引领业务创新
03-31 830
WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。WPS 加载项打开的网页可以直接与 WPS 应用程序进行交互，同时一个 WPS 加载项中的多个网页形成了一个整体， 相互之间可以进行数据共享。开发者不必关注浏览器兼容的问题，因为 WPS 加载项的底层是以 Chromium 开源浏览器项目为基础进行的优化扩展。
WPS 加载项开发说明wpsjs
qq_27866305的博客
11-20 2856
WPS 加载项 API 通过对 JavaScript 功能进行的扩展，实现了网页与 WPS 应用程序交互的能力。这些 API 被集中在window.wps对象下，而我们在开发中通常会省略掉window，直接以wps开始。wps_sdk.js对调用进行了封装，让开发者可以快速调用， wps_sdk.js对Chrome、Edge、IE8及IE8以上浏览器进行了支持。当网页打开成功之后，开始解析ribbon.xml生成自定义功能区，解析过程中会调用若干次接口函数，最终完成加载。
wps加载项开发
算法与编程之美
03-17 4440
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。1 wps加载项介绍W...
WPS加载项开发流程以及离线部署
suweijie的博客
06-10 642
摘要：本文详细介绍了WPS插件开发与离线部署全流程。首先解释WPS加载项的定义和作用，然后分步骤说明开发环境配置、项目创建和调试过程，包括使用wpsjs脚手架工具。重点阐述了离线部署方案，涵盖项目打包、发布页面创建与修改、文件部署路径等关键环节。最后说明如何在WPS中验证插件安装效果，为开发者提供了一套完整的WPS插件开发和离线部署解决方案，适合需要在无网络环境下部署WPS插件的应用场景。（149字）
WPS 加载项开发
顺其自然~专栏
03-11 1万+
WPS 加载项概述 WPS 加载项（Add-ins）是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。 WPS 加载项打开的网页可以直接与 WPS 应用程序进行交互，同时一个 WPS 加载项中的多个网页形成了一个整体， 相互之间可以进行数据共享。 开发者不必关注浏览器兼容的问题，因为 WPS 加载项的底层是以 Chromium 开源浏览器项目为基础进行的优化扩展。 WP...
WPS 加载项
C_jian_的博客
11-28 1833
在wps自定义工具类，实现网页内嵌，使用自定义开发工具类
WPS加载项(wps jsapi)创建及部署--新版
daqinzl的专栏
05-13 2718
WPS加载项(wps jsapi)创建及部署--新版
如何开发一个 WPS 加载项
wpsdev的博客
06-15 2809
WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。
WPS 加载项开发说明
wpsdev的博客
06-29 5055
WPS 加载项开发说明
wps 基于vue加载项excel插件开发
08-12
基于Vue的加载项开发是增强WPS功能的一种方式，允许开发者创建自定义工具或插件来满足特定需求。本项目专注于在WPS的Excel组件中开发一个基于Vue的加载项。 首先，我们来看看项目的组成部分： 1. **babel.config....
WPS加载项开发和离线加载项本地安装方法、在线部署
热门推荐
huaermeier的博客
09-01 2万+
介绍WPS加载项开发细节，以及加载项部署方式：本地安装离线加载项、把加载项部署到服务器的方法。介绍如何利用ribbon.xml文件自定义功能区、离线插件的网络请求，搭建简易的Express服务器，使用wpsjs开发工具包......
如何编写WPS的Com加载项
08-22
WPS的的扩展分为两种，其一为WPS插件，其二是COM加载项。插件共同导出了CreateKsoPlugin函数
【 wps 】加载项的项目搭建（上）
weixin_63904044的博客
05-10 1649
官网地址： https://open.wps.cn/previous/docs/client/wpsLoad npm install -g wpsjs 已经安装的情况下，可以更新wpsjs版本 npm update -g wpsjs wpsjs create wpsjs_project 项目运行起来以后，我们就得到一个这样的wps加载项在vscode打开项目以后，我们能看到这个的一个项目列表 从文件能看出来，我们加载项顶部的按钮（自定义功能区）和xml文件中设置的一样所以
wps加载项教程
redrun博客
10-03 5439
了解概念​ WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。WPS 加载项打开的网页可以直接与 WPS 应用程序进行交互，同时一个 WPS 加载项中的多个网页形成了一个整体， 相互之间可以进行数据共享。开发者不必关注浏览器兼容的问题，因为 WPS 加载项的底层是以 Chromium 开源浏览器项目为基础进行的优化扩展。
WPS、Word加载项开发流程（免费最简版本）
最新发布
Yana's Blog
07-11 920
摘要 本文详细介绍了WPS和Word Web加载项的完整开发流程。主要内容包括： 环境准备：安装WPS/Office、Node.js和VSCode 开发流程： WPS加载项：使用wpsjs工具创建项目，支持Vue框架 Word加载项：推荐使用VSCode插件开发 部署方式： WPS：在线部署后生成分发文件 Word：修改配置文件后部署到服务器 安装方法： WPS通过访问publish.html安装 Word需配置共享目录和信任中心 文章提供了两种办公软件加载项开发的完整解决方案，包含具体操作步骤和效果截图。
WPS加载项(wps jsapi)创建、发布及部署
daqinzl的专栏
05-12 2682
WPS加载项(wps jsapi)创建、发布及部署
wps加载项初步开发
CSDN_ZH5446的博客
02-03 3038
技术选型 应公司要求，在不连外网情况下，需要完成服务器文档的预览、编辑、上传等功能。于是选用了wps客户端的加载项开发。 参考资料： wps客户端开发文档 wps客户端开发文档 wps加载项demo地址 OA助手的场景示例来演示网页端启动WPS客户端并和WPS加载项交互WPS API 生成首个加载项项目 准备开发环境 安装wps 安装node.js 新建加载项 1.打开命令行，输入以下命令： npm install -g wpsjs 如果之前安装了，可检查wpsjs版本，更新wp
wps linux node.js 加载项开发，和离线部署方案
weixin_38940097的博客
06-26 1943
安装node.js安装VSCode安装wps。
wps加载项开发和使用
weixin_40057028的博客
10-09 8213
这里写自定义目录标题wps加载项的使用准备环境生成一个加载项的demo wps加载项的使用 准备环境 1.安装wps企业版（个人版可能出问题） 2.安装node 环境 3.详细情况可查看官方开发文档：https://open.wps.cn/docs/office 生成一个加载项的demo 在这里插入代码片 1. npm install -g wpsjs 安装wpsjs环境 2. wpsjs create HelloWps 创建一个demo 3. wpsjs debug 可以运行相关demo ```注意事
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值