WPSJS加载项技术介绍

本文介绍了基于CEF技术的WPSJS加载项,详细阐述了Ribbon customUI设计、WPS加载项架构,以及如何免控件调起WPS客户端。业务系统与WPS的交互通过自定义协议和JSON数据交换实现,提供了跨平台和高兼容性的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. CEF技术介绍

        JS加载项以CEF为技术基础,加载项的JS代码是运行在CEF内部的。CEF内部提供接口比如执行JS代码

CefRefPtr<CefBrowser> browser = ...;

CefRefPtr<CefFrame> frame = browser->GetMainFrame();

frame->ExecuteJavaScript("alert('ExecuteJavaScript works!');",frame->GetURL(), 0);

比如JS对象绑定

void MyRenderProcessHandler::OnContextCreated(

    CefRefPtr<CefBrowser> browser,

    CefRefPtr<CefFrame> frame,

    CefRefPtr<CefV8Context> context) 
{
  // Retrieve the context's window object.
  CefRefPtr<CefV8Value> object = context->GetGlobal();

  // Create a new V8 string value. See the "Basic JS Types" section below.
  CefRefPtr<CefV8Value> str = CefV8Value::CreateString("My Value!");

  // Add the string to the window object as "window.myval". See the "JS Objects" section below.
  object->SetValue("myval", str, V8_PROPERTY_ATTRIBUTE_NONE);
}

JS加载项在这些技术的基础上面开发完整的JSAPI的接口,更多CEF的技术细节

可以查看下面的网站:

chromiumembedded / cef / wiki / Home — Bitbucket

2. Ribbon customUI设计

### 如何打包和安装 WPS 加载项 #### 打包方法 为了成功打包 WPS 加载项,开发者需遵循官方文档中的指导[^2]。具体而言,在构建加载项的过程中,需要确保所使用的 `wpsjs` 工具链正确配置。以下是主要步骤: 1. **初始化项目结构** 开发者应先设置好项目的文件夹结构,并按照需求编写前端逻辑代码以及必要的 HTML/CSS/JavaScript 文件。 2. **运行构建命令** 使用 `wpsjs build` 命令对项目进行编译并生成静态资源文件。此过程会将源码转换为适合发布的格式,并将其放置到指定目录下。注意,最终生成的部署路径应当是一个有效的 URL 地址(即以 `http://` 或 `https://` 开头),以便后续能够被正确解析和访问。 3. **验证输出结果** 构建完成后,请确认目标文件夹内包含了所有必需的内容,比如主入口脚本、样式表以及其他依赖资产等。 #### 安装流程 关于如何安装已打包好的 WPS 加载项,则涉及以下几个方面: 1. **上传至服务器** 将通过上述步骤得到的产物上传至支持 HTTPS 协议的远程主机上托管起来。这样做不仅有助于提升安全性还能让更多的用户便捷获取该插件。 2. **利用 WPS 插件管理器导入** 用户可以直接打开 WPS Office 应用程序内的“插件中心”,找到对应选项卡后点击新增按钮;接着粘贴之前准备完毕的有效链接地址完成初步关联动作[^1]。 3. **启用与测试功能模块** 成功添加之后记得重新启动软件实例从而激活新加入的功能组件。此时可以尝试调用一些预设接口看看实际效果是否符合预期设定标准。 ```bash # 示例:执行 wpsjs 构建指令 $ wpsjs build --output-path ./dist/ ``` 以上便是有关于怎样制作以及装配属于自己的个性化定制版 WPS 办公套件附加组件的大致介绍啦!
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值