在传送中显示多个PDF文档

一个常见用例是在提交表单之前向表单填充器显示多个PDF文档以供审阅。

为完成此用例,我们使用了Adobe PDF Embed API

可以在此处体验此示例的实时演示。

已执行以下步骤以完成集成

创建自定义组件以显示多个PDF文档

创建了一个自定义组件(pdf-carousel)以在pdf文档之间循环

客户端库

已创建客户端库,以使用Adobe PDF Embed API显示PDF。 要显示的PDF在PDF传送组件中指定。

创建自适应表单

创建基于某些选项卡的自适应表单(此示例有3个选项卡)
在前两个选项卡中添加一些自适应表单组件
在第三个选项卡中添加pdf轮盘组件
配置pdf-carousel组件,如下面的屏幕快照所示
pdf-carousel

嵌入PDF API密钥 — 这是可用于嵌入pdf的密钥。 此密钥仅适用于localhost。 您可以创建您自己的密钥并将其与其他域关联。

指定PDF文档 — 您可以在此处指定要在传送中显示的PDF文档。

在服务器上部署示例

要在本地服务器上对此进行测试,请执行以下步骤:

  1. 使用包管理器将客户端库🔗导入本地AEM实例
  2. 使用包管理器将pdf轮盘组件🔗导入本地AEM实例
  3. 使用包管理器将自适应表单🔗导入本地AEM实例
  4. 使用assets文件上传链接导入要显示的示例pdf🔗到您的本地AEM实例中
  5. 预览自适应表单
  6. 选项卡到“要审阅的文档”选项卡。 您应该在轮盘组件中看到三个PDF文档。
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e