将样本集链接到网页 linking-a-swatch-set-to-a-web-page

发布样本集后,您可以在网站或应用程序中使用其关联的URL或嵌入代码。 然后,可以根据需要部署该 URL 或嵌入代码,以便用户可以在您的网站或应用程序上查看样本集。

NOTE
在发布资源之前,URL 处于非激活状态。

复制样本集URL copying-a-swatch-set-url

  1. 在资产浏览面板的显示下拉列表中,选择 样本集.

  2. 在左侧的“资源库”面板中,导航至要复制其嵌入代码的样本集所在的资源文件夹。

  3. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:

    • 选择 网格视图. 在“资源浏览”面板中,双击单个资源以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板中,选择 复制URL 位于所需查看器的右侧。

    • 选择 网格视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像下方 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下,选择 复制URL.

    • 选择 列表视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像右侧,即为 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下,选择 复制URL.

    • 选择 网格视图列表视图,或 详细信息视图. 在同一工具栏上,转到 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下,选择 复制URL.

将样本集URL添加到网页 adding-swatch-set-urls-to-your-web-page

部署样本集的最常见方式是在网页上放置链接(通过导航图标)。 选中后,链接将启动一个动态页面(ASP或JSP),该页面在弹出缩放窗口中显示样本集。 缩放链接将打开一个包含实际缩放功能的弹出窗口。

有关更多详细信息和代码示例,请参阅 Adobe查看器参考指南中的嵌入HTML5缩放查看器.

复制样本集查看器的嵌入代码 copying-the-embed-code-of-a-swatch-set-viewer

使用嵌入代码功能,您可以查看用于所选样本集的查看器代码。您也可以将代码复制到剪贴板中,以便可以将其粘贴到网页中以部署查看器。在“嵌入代码”对话框中不允许编辑代码。

复制样本集查看器的嵌入代码:

  1. 在资产浏览面板的显示下拉列表中,选择 样本集.

  2. 在左侧的“资源库”面板中,导航至要复制其嵌入代码的样本集所在的资源文件夹。

  3. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:

    • 选择 网格视图. 在“资源浏览”面板中,双击单个资源以便在详细信息视图中将其打开。在右侧的“URL和嵌入代码”面板中,选择 嵌入代码 位于所需查看器的右侧。

    • 选择 网格视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像下方 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下,选择 嵌入代码.

    • 选择 列表视图. 在资源浏览面板中,选择单个资源,然后转到缩略图图像右侧,即为 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下,选择 嵌入代码.

    • 选择 网格视图列表视图,或 详细信息视图. 在同一工具栏上,转到 预览 > 查看器列表.

      在“查看器列表”页的表的“操作”列下,选择 嵌入代码.

  4. 在嵌入代码对话框中,选择 复制到剪贴板.

    在“嵌入代码”对话框中不允许编辑代码。

  5. 选择 关闭.

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26