office 365 web Word 项目中添加自定义选项卡答案

【问题标题】：Add Custom Tab in office 365 web Word projectoffice 365 web Word 项目中添加自定义选项卡
【发布时间】：2023-01-10 23:24:12
【问题描述】：

我正在尝试在功能区的 Office 365 Word 中添加自定义选项卡。我可以找到无数关于如何在 VSTO 中执行此操作的示例，但在 Office 365 AddIn Web 项目中没有这样的代码示例。

我发现最接近的是下面的文档。这也缺少任何适当的编码示例。另外，这是在 2022 年 7 月写的。 https://learn.microsoft.com/en-us/javascript/api/manifest/customtab?view=powerpoint-js-preview

从下面的这个链接，我可以看出 Office 365 中允许添加选项卡，但编码示例是 6 到 7 年前的。 https://github.com/OfficeDev/Office-Add-in-Commands

还有这个视频教程和类似的视频教程 - 但这不显示添加新选项卡。 https://www.youtube.com/watch?v=ZWw-fJ7eldU

有一些示例展示了如何制作任务窗格项目。但不适用于在功能区中添加自定义选项卡，然后在其中添加菜单。

我错过了什么吗？ Office 365 Web 项目是否允许添加自定义选项卡？如果是这样，有人可以指点我一个示例编码项目或一个显示这个的视频教程吗？

【问题讨论】：

标签： javascript html xml office365 ribbonx

【解决方案1】：

与 Office COM 加载项相比，Web 加载项中的功能区 UI 可扩展性功能仍然有限，但随着时间的推移，MS 添加了上下文选项卡支持、功能区上的位置（预览）、启用/禁用状态、内置集成等功能- 在控制。在 Add-in commands for Excel, PowerPoint, and Word 文章中阅读有关所有这些功能的更多信息。

根据命令触发的操作类型，有两种类型的加载项命令。

任务窗格命令：按钮或菜单项打开加载项的任务窗格。您在清单中添加带有标记的这种加载项命令。命令的“代码隐藏”由 Office 提供。
功能命令：按钮或菜单项运行任意 JavaScript。代码几乎总是调用 Office JavaScript 库中的 API，但并非必须如此。这种类型的加载项通常只显示按钮或菜单项本身，不显示任何 UI。请注意以下有关功能命令的信息：
- 被触发的函数可以调用 displayDialogAsync 方法来显示对话框，这是显示错误、显示进度或提示用户输入的好方法。如果加载项配置为使用共享运行时，该函数还可以调用 showAsTaskpane 方法。
- 运行函数命令的运行时是一个完全基于浏览器的运行时。它可以呈现 HTML 并调出到 Internet 以发送或获取数据。
在您的清单中使用 VersionOverrides 来定义 Excel、PowerPoint 和 Word 的加载项命令。加载项命令提供了一种使用执行操作的指定 UI 元素自定义默认 Office 用户界面 (UI) 的简便方法。见Create add-in commands in your manifest for Excel, PowerPoint, and Word。

【讨论】：