使用 "嵌入" web 部件将内容添加到页面

使用 "嵌入" web 部件将内容添加到页面

注意: 我们希望能够尽快以你的语言为你提供最新的帮助内容。 本页面是自动翻译的,可能包含语法错误或不准确之处。 我们的目的是使此内容能对你有所帮助。 可以在本页面底部告诉我们此信息是否对你有帮助吗? 请在此处查看本文的英文版本以便参考。

将新式页面添加到网站时, 您可以添加和自定义web 部件以构建您的SharePoint 页面。 本文介绍 "嵌入 web 部件"。

你可以从允许嵌入的网站 (如 YouTube 或 Bing 地图) 显示SharePoint 页面上的内容。 对于许多网站, 你可以对网站提供的内容或嵌入代码使用网站的 web 地址。

使用网站地址显示内容

你可以通过将内容的 web 地址复制并粘贴到 "嵌入 web 部件" 来嵌入某些网站中的内容。

  1. 复制要使用的可嵌入内容的链接。 若要执行此操作, 请转到包含要嵌入的内容的网站。 在内容附近的某个位置, 通常会看到 "共享" 按钮或链接。 单击它, 然后复制所提供的链接地址。

    使用网站地址嵌入内容的示例
  2. 在 "SharePoint" 页面上, 确保处于编辑模式。 如果不是, 请单击页面右上角的 "编辑"。

  3. 如果你的页面上尚未有嵌入 web 部件, 请将鼠标悬停在现有 web 部件或标题区域的上方或下方, 单击 " 带圆圈的加号用于向页面添加新式 Web 部件 ", 然后从列表中选择 "嵌入 </> " web 部件。

  4. 在右侧的 "属性" 窗格中, 将您以前复制的网站地址粘贴到 "网站地址" 或 "嵌入代码" 框中。

    粘贴视频 URL 或将代码嵌入到字段中

注意: 

  • 如果看不到 "属性" 窗格, 请单击 web 部件左侧的 "编辑 web 部件 "Web 部件编辑" 按钮 "。

  • 指向内容的链接仅适用于提供用于使用链接嵌入内容的特定服务的网站。 如果链接对要嵌入的内容不起作用, 请尝试改为使用嵌入代码。

使用嵌入代码显示内容

嵌入代码是网站中描述如何在其他页面上显示该内容的特定说明的列表。 许多网站在其页面上提供嵌入代码以供您复制和粘贴。 您通常会看到一个标记为 "嵌入代码" 或 " </>" 的按钮。 这将打开一个文本框, 其中包含一些代码。

例如, 单击 Vimeo 上的视频的 "共享" 按钮可在 "共享" 对话框中查看嵌入代码。

在 SharePoint 页面上使用嵌入代码嵌入内容的示例

若要使用嵌入代码, 请执行下列操作:

  1. 复制要使用的内容的嵌入代码 (如果有)。 若要执行此操作, 请转到包含要嵌入的内容的网站。 内容旁的某个位置通常会看到 "共享" 按钮或链接, 或者是一个标记为 "嵌入代码" 或 " </>" 的按钮。 此示例将打开带有一些代码的文本框, 类似于上面的 Vimeo 网站中的图像。

  2. 如果您的页面上尚未有嵌入 web 部件, 请单击要插入视频的区域中的 " SPO 加号 ", 然后从列表中选择 "嵌入 </> " web 部件。

  3. 在右侧的 "属性" 窗格中, 将嵌入代码粘贴到 "网站地址" 或 "嵌入代码" 框中。

    粘贴视频 URL 或将代码嵌入到字段中

注意: 

  • 如果看不到 "属性" 窗格, 请单击 web 部件左侧的 "编辑 web 部件 "Web 部件编辑" 按钮 "。

通过连接到另一个 web 部件来显示动态内容

使用 "嵌入" web 部件, 你可以输入链接或嵌入使用变量的代码, 从而允许你根据页面查看器所选择的内容来显示各种项目。 例如, 你可以根据用户从图像 url 列表中选择的内容来显示图像。

有关信息和示例, 请参阅根据用户在列表 web 部件中选择的内容 (将嵌入 web 部件连接到列表 web 部件) 显示视频、图像或位置

连接到图像列表的嵌入 web 部件示例

疑难解答

下面是 "嵌入" 可能不起作用的最常见原因:

  • 嵌入代码必须基于 iframe (即, <iframe> 标记的开头和结尾)。 不支持使用 <script> 标记的嵌入代码。

  • 仅可嵌入安全网站。 请确保网站的 URL 以 HTTPS 开头。

  • 并非所有网站都允许嵌入页面, 因此你可能无法嵌入它们, 即使它们是安全的和使用基于 iframe 的嵌入代码。 如果遇到问题, 请与网站查看是否允许嵌入。

  • 网站集管理员可以控制用户是否可以嵌入来自外部网站的内容。 如果他们不让参与者嵌入内容, 你可能会看到一条错误消息, 显示 "不允许从该网站嵌入内容"。 请参阅管理员和/或帮助文章允许或限制在 SharePoint 页面上嵌入内容的功能

如果想要嵌入来自不安全网站或使用其他嵌入方法的内容, 请在 UserVoice 上告知我们

扩展你的 Office 技能
了解培训
抢先获得新功能
加入 Office 预览体验计划

此信息是否有帮助?

谢谢您的反馈!

谢谢你的反馈! 可能需要转接到 Office 支持专员。

×