WPSJS加载项在线模式和离线模式

最新推荐文章于 2025-08-24 22:34:18 发布
最新推荐文章于 2025-08-24 22:34:18 发布
阅读量4.5k 收藏 5
点赞数 1
CC 4.0 BY-SA版权
分类专栏： JSAPI二次开发 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wpsdev/article/details/125085716
本文介绍了WPSJS加载项的在线和离线模式，包括各自的实现方式、优缺点。在线模式适合资源频繁变动且网络稳定的情况，而离线模式适用于资源改动不频繁，能节省网络资源和用户时间。特殊离线模式则针对无网络环境，直接在用户电脑上部署加载项包。

1、模式介绍

        WPS加载项分为在线模式和离线模式，两个模式同时只能启用一个。离线模式是在加载项项目运行前，将其下载到本地进行运行，在线模式一直在去请求服务器上的代码和页面

通俗解释：

打开浏览器，进入任何一个页面，ctrl+s保存网页。

直接在浏览器中打开的那个网页就叫做在线模式。

运行保存到本地的那个网页，就叫做离线模式。

2、模式详情

2.1、在线模式

        在线模式是JSAPI的加载项部署在服务器上面，提供给WPS一个下载地址，WPS在打开的时候动态下载该加载项，并显示到WPS界面。

  • 标签：jspluginonline
  • 访问方式：实时在线访问
最低0.47元/天 解锁文章
我的 WPS JS加载项总算来到了 V1.0.1
学点笔记
12-21 1804
文章目录我的加载项长这个样子目录表内目录jsEditorHC 加载项安装链接许久未更总得有点表示 已经许久没有更新了，购买了专栏的朋友们，实在对不住，抱歉！最近在写 WPS Office 2019 的JS加载项，特地跑来刷下存在感。 带货主播的罚款把我看得一愣一愣的……有钱人的世界奇奇怪怪 我是不能像带货主播那样给你们砍价了，我只能这篇文章Public！ 我的加载项长这个样子 大家都是隐藏于 CSDN 的人，我就不多说了……反正基本满足需求，基本可用，将就…… 目录 支持手动拖动排序，工作表顺序
WPS加载项(wps jsapi)创建及部署--新版
daqinzl的专栏
05-13 2893
WPS加载项(wps jsapi)创建及部署--新版
使用 JavaScript 开发 WPS 加载项的详细指南（一）已跳过坑点，隐藏血泪
最新发布
蓝色安哥拉的技术博客
08-24 1253
本文介绍了为WPS开发律师工具箱插件的全过程，旨在解决批量合同审查的痛点需求。主要内容包括：1）开发环境搭建（安装WPS、Node.js和WPSJS工具包）；2）项目创建与代码编写；3）调试与打包发布流程；4）实际部署操作指南。文章特别针对WPS加载项开发文档不友好的问题，提供了详细的技术文档和避坑指南，帮助开发者快速实现合同自动编号、关键词批注和AI风险预审等功能。附有完整操作截图和参考资料，适合WPS插件开发新手学习参考。
WPS加载项开发和离线加载项本地安装方法、在线部署
热门推荐
huaermeier的博客
09-01 2万+
介绍WPS加载项开发细节，以及加载项部署方式：本地安装离线加载项、把加载项部署到服务器的方法。介绍如何利用ribbon.xml文件自定义功能区、离线插件的网络请求，搭建简易的Express服务器，使用wpsjs开发工具包......
wps离线加载项构建与部署
qiuyuan
04-30 1787
publish.html生成在wps-addon-publish目录。选择离线模式，然后安装包会在wps-addon-build目录下。这样就得到一个最基本的加载项的目录结构，主要的文件就几个。
WPS加载项开发流程以及离线部署
suweijie的博客
06-10 1013
摘要：本文详细介绍了WPS插件开发与离线部署全流程。首先解释WPS加载项的定义和作用，然后分步骤说明开发环境配置、项目创建和调试过程，包括使用wpsjs脚手架工具。重点阐述了离线部署方案，涵盖项目打包、发布页面创建与修改、文件部署路径等关键环节。最后说明如何在WPS中验证插件安装效果，为开发者提供了一套完整的WPS插件开发和离线部署解决方案，适合需要在无网络环境下部署WPS插件的应用场景。（149字）
WPS 加载项
C_jian_的博客
11-28 2232
在wps自定义工具类，实现网页内嵌，使用自定义开发工具类
WPS加载项离线安装实例和本地安装方法
09-01
总的来说，WPS加载项和Excel加载项为用户提供了自定义和优化办公环境的可能性，而离线安装方法则确保了在没有网络连接的情况下也能享受这些便利。通过深入理解加载项的开发和安装过程，你可以更高效地利用这些工具，...
wps linux node.js 加载项开发，和离线部署方案
weixin_38940097的博客
06-26 2122
安装node.js安装VSCode安装wps。
WPSJS加载项技术介绍
wpsdev的博客
06-01 4284
CEF技术介绍 JS加载项以CEF为技术，加载项的JS的代码是运行CEF内部的。CEF内部提供接口比如执行JS CefRefPtr<CefBrowser> browser = ...;CefRefPtr<CefFrame> frame = browser->GetMainFrame();frame->ExecuteJavaScript("alert('ExecuteJavaScript works!');", frame->GetURL(), 0); ...
WPS 加载项开发说明wpsjs
qq_27866305的博客
11-20 3007
WPS 加载项 API 通过对 JavaScript 功能进行的扩展，实现了网页与 WPS 应用程序交互的能力。这些 API 被集中在window.wps对象下，而我们在开发中通常会省略掉window，直接以wps开始。wps_sdk.js对调用进行了封装，让开发者可以快速调用， wps_sdk.js对Chrome、Edge、IE8及IE8以上浏览器进行了支持。当网页打开成功之后，开始解析ribbon.xml生成自定义功能区，解析过程中会调用若干次接口函数，最终完成加载。
在线打开wps文件demo
03-25
在线打开wps文件，常用使用方法及实例demo
WPS加载项(wps jsapi)创建、发布及部署
daqinzl的专栏
05-12 3062
WPS加载项(wps jsapi)创建、发布及部署
WPS JS 插件开发环境加载项配置指南
weixin_42613131的博客
08-01 1418
本文详细介绍了WPS JS插件的离线部署流程
wps加载项教程
redrun博客
10-03 6603
了解概念​ WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。WPS 加载项打开的网页可以直接与 WPS 应用程序进行交互，同时一个 WPS 加载项中的多个网页形成了一个整体， 相互之间可以进行数据共享。开发者不必关注浏览器兼容的问题，因为 WPS 加载项的底层是以 Chromium 开源浏览器项目为基础进行的优化扩展。
【 wps 】加载项的项目搭建（上）
weixin_63904044的博客
05-10 1748
官网地址： 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 JS 加载项
蓝创精英团队
04-20 5441
WPS 加载项是一套基于 Web 技术用来扩展 WPS 应用程序的解决方案。每个 WPS 加载项都对应打开了一个网页，并通过调用网页中 JavaScript 方法来完成其功能逻辑。 WPS 加载项打开的网页可以直接与 WPS 应用程序进行交互，同时一个 WPS 加载项中的多个网页形成了一个整体， 相互之间可以进行数据共享。 开发者不必关注浏览器兼容的问题，因为 WPS 加载项的底层是以 Chromium 开源浏览器项目为基础进行的优化扩展。 WPS 加载项具备快速开发、轻量化、跨平台的特性...
页面加载项
Caroline_Yang的博客
06-04 344
&lt;div id="loading"&gt; &lt;img style="position:fixed;top: 50%;left: 50%;margin-left:-20px ;margin-top: -20px;" src="./log_img/ready.gif" alt=""&gt; &lt;/div&gt; &lt;div&gt;dd&amp
WPSJS 插件开发离线部署方式
du_lun的博客
06-16 5963
在没有网络情况下，单机离线部署方式应该使用jsplugins.xml方式。 jsplugins.xml模式 模式介绍 jsplugins.xml模式是通过设置oem.ini配置文件的JSPluginsServer的值为加载项管理文件jsplugins.xml来控制加载项的加载（相当于WPS加载项列表文件），二次打包时，业务开发商需要告知我们JSPluginsServer的配置地址，，将起配置到oem.ini文件中，业务开发商再做安装包分发。 后续的加载项的控制用，业务开发商可以自由的更改js
wpsjs加载项开发Excel操作Word
03-13
<think>好的，用户想了解如何使用WPSJS开发加载项来操作Excel和Word。首先，我需要回忆一下WPSJS的相关信息。WPSJS是金山办公推出的基于JavaScript的API，允许开发者创建插件来扩展WPS Office的功能，类似于VSTO，但使用更现代的Web技术。 接下来，我应该整理开发环境搭建的步骤。用户需要安装WPS Office开发版，配置Node.js环境，创建项目，然后开始编写代码。需要确保步骤清晰，比如通过npm安装脚手架工具，生成项目模板。 然后，针对Excel和Word的具体操作，需要分别举例说明。比如在Excel中操作单元格、公式，插入图表；在Word中添加段落、表格和图片。代码示例要简洁，展示核心API的使用，比如ExcelApplication.ActiveWorkbook.ActiveSheet获取当前工作表。 还要考虑引用用户提供的资料。虽然用户给的引用主要是关于Python的openpyxl和TBarCode Office，但可能需要指出WPSJS与这些工具的不同之处，比如JavaScript与Python的区别，或者插件的集成方式不同。不过用户的问题集中在WPSJS，所以重点应放在WPSJS的API和开发流程上。 另外，用户可能关心如何部署和调试加载项，这部分需要简要说明调试工具和发布流程。比如使用开发者工具调试，打包成wpt文件进行安装。 最后，生成相关问题时要覆盖开发环境、API功能、与VBA的区别、调试方法以及实际应用场景，帮助用户进一步深入学习。</think>以下是关于WPSJS加载项开发的详细说明： ### 一、WPSJS开发基础 WPSJS是基于JavaScript的API框架，支持Windows/Linux/macOS平台，通过加载项实现文档自动化操作。其核心架构包含： $$ WPSJS = JavaScript API + WebView容器 + Native通信桥 $$ 开发流程分为：创建项目->编写代码->调试加载项->打包发布[^2] ### 二、环境搭建步骤 1. 安装WPS Office开发版（需申请开发者权限） 2. 配置Node.js环境（建议v14+） 3. 创建项目： ```bash npm install -g wpsjs-cli wpsjs init myaddin cd myaddin && npm install ``` ### 三、Excel操作示例 ```javascript // 获取当前工作表 let sheet = ExcelApplication.ActiveWorkbook.ActiveSheet // 写入数据到A1单元格 sheet.Range("A1").Value = "销售报表" // 设置公式计算总和 sheet.Range("B5").Formula = "=SUM(B1:B4)" // 插入三维柱状图 let chart = sheet.Shapes.AddChart( Excel.XlChartType.xl3DColumnClustered, 100, 100, 300, 200 ) chart.Chart.SetSourceData(sheet.Range("A1:B4")) ``` ### 四、Word文档操作 ```javascript // 添加标题段落 let doc = WordApplication.ActiveDocument let para = doc.Paragraphs.Add() para.Range.Text = "项目报告" para.Range.Font.Size = 24 // 插入表格 let table = doc.Tables.Add(doc.Range(), 3, 4) table.Cell(1,1).Range.Text = "季度" table.Cell(1,2).Range.Text = "销售额" // 添加图片 doc.Shapes.AddPicture( "C:\\chart.png", false, true, 200, 100, 400, 300 ) ``` ### 五、部署与调试 1. 使用`F12`调出开发者工具进行调试 2. 打包命令： ```bash npm run build ``` 生成`.wpt`插件包，可通过WPS「开发者中心」加载[^3]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值