我正在try 创建一个带有Office JS和PowerPoint JavaScript API的PowerPoint content add-in,它能够将HTML和Reaction组件嵌入到幻灯片中.这是我第一次try 创建PowerPoint插件,所以任何建议或建议都是非常感谢的.

到目前为止,我甚至在创建PowerPoint内容加载项时都遇到了非常基本的问题,因为我还没有在网上找到任何PowerPoint内容加载项代码的例子:Microsoft文档中的所有例子都是任务面板加载项,其中content add-in个链接是针对Excel的,并用C#编写.约曼也有no generator个内容插件.

本质上,我需要能够创建和呈现的用户界面与脚本,CSS,超文本标记语言,并react 内的Power Point幻灯片.创建一个在任务面板中呈现Reaction组件的任务面板应用程序很简单,但我还没有找到在幻灯片内容区域中呈现Reaction组件的类似方法.按照Microsoft文档中的建议,将mark.xml中的AppType更改为ContentApp将在幻灯片中呈现一个内容区域,该幻灯片带有一个加载微调控件,该微调控件永远无法解决我不知道如何操作的问题.

我还在考虑利用LiveWeb等现有插件在PowerPoint幻灯片中显示Reaction应用程序的解决方案,但由于ActiveX问题,到目前为止还没有实现.

如何使用PowerPoint内容加载项在PowerPoint幻灯片中呈现HTML或Reaction组件?

以下是 list 文件.xml.它非常小,因为我不太确定应该如何为内容加载项配置它:基本上,我使用了用于任务面板加载项的Yeoman Reaction项目生成器(因为内容加载项生成器不可用),并删除了任务面板特定配置.

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<OfficeApp xmlns="http://schemas.microsoft.com/office/appforoffice/1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:bt="http://schemas.microsoft.com/office/officeappbasictypes/1.0" xsi:type="ContentApp">
  <Id>08da2054-d887-45bc-b1d7-4667a52407c3</Id>
  <Version>1.0.0.0</Version>
  <ProviderName>ContentApp</ProviderName>
  <DefaultLocale>en-US</DefaultLocale>
  <DisplayName DefaultValue="ContentAddin"/>
  <Description DefaultValue="A template to get started."/>
  <IconUrl DefaultValue="https://localhost:3000/assets/icon-32.png"/>
  <HighResolutionIconUrl DefaultValue="https://localhost:3000/assets/icon-64.png"/>
  <Hosts>
    <Host Name="Presentation"/>
  </Hosts>
  <DefaultSettings>
    <SourceLocation DefaultValue="https://localhost:3000/home.html"/>
    <RequestedHeight>700</RequestedHeight>
    <RequestedWidth>500</RequestedWidth>
  </DefaultSettings>
  <Permissions>ReadWriteDocument</Permissions>
</OfficeApp>

推荐答案

我终于让它工作了,并能够在PowerPoint幻灯片中呈现一个Reaction应用程序.上面的 list .xml的设置基本上是正确的:它只需要稍微调整到SourceLocation路径和webpack的路径分辨率,就可以 Select home.html来将Reaction应用程序嵌入到幻灯片中.

Reactjs相关问答推荐

如何在没有 node 模块的情况下利用外部Java脚本文件制作OWL carousel

Google Firestore无法读取图像-react

子路径上未定义useMatches句柄

使用以Jest 的方式返回 Promise 的方法来模拟可构造的 API 类时出现问题

如何使用 App Router 和服务器组件在 Next.js 13 中实现分页

如何测试根据 prop 更改 CSS 属性的 useEffect 钩子?

设置自定义形状的纹理

为什么在 React 的 useEffect 中使用 onAuthStateChanged ?

在一个事件处理程序中进行多次调度是个好主意吗?

React - 如何重定向页面以显示数据修改?

React中useAuthenticator的authState在成功登录后仍保持未认证状态 - 需要强制刷新

React Native 背景动画反转

将水平滚动视图添加到底部导航选项卡

根据其中的值不同地react setState 更新状态

React - 添加了输入数据但不显示

如何在 ReactJS 中提交后删除 URL 中的查询参数

如何保留我的下一个授权用户会话?所以我可以使用提供的 ID 在其他路由中获取数据

当用户输入相同信息时如何禁用更新

MUI 卡组件上的文本未正确对齐

为什么重新渲染不会影响 setTimeout 的计数?