在浮動切換中顯示多個pdf檔案

常見的使用案例是向表單填寫工具顯示多個PDF檔案,以便在提交表單前進行稽核。

為了完成此使用案例,我們已運用Adobe PDF Embed API

您可以在這裡體驗此範例的即時示範。

已執行下列步驟以完成整合

建立自訂元件以顯示多個PDF檔案

已建立自訂元件(pdf-carousel)以便在pdf檔案中循環

用戶端資源庫

已建立使用者端程式庫,以使用Adobe PDF Embed API顯示PDF。 要顯示的PDF會在pdf轉盤元件中指定。

建立最適化表單

使用某些標籤建立最適化表單(此範例有3個標籤)
在前兩個索引標籤中新增一些最適化表單元件
在第三個索引標籤中新增pdf轉盤元件
設定pdf-carousel元件,如下方熒幕擷圖所示
pdf-carousel

內嵌PDFAPI金鑰 — 此金鑰可用來內嵌PDF。 此金鑰僅適用於localhost。 您可以建立您自己的金鑰,並將其與其他網域建立關聯。

指定PDF檔案 — 您可在此指定要在傳送中顯示的pdf檔案。

在您的伺服器上部署範例

若要在本機伺服器上測試此專案,請遵循下列步驟:

  1. 使用封裝管理員將使用者端資料庫🔗匯入您的本機AEM執行個體
  2. 使用封裝管理員將pdf轉盤元件🔗匯入到您的本機AEM執行個體
  3. 使用封裝管理員將最適化表單🔗匯入您的本機AEM執行個體
  4. 使用資產檔案上傳連結匯入範例PDF以顯示🔗到您的本機AEM執行個體
  5. 預覽最適化表單
  6. 按Tab鍵至「要檢閱的檔案」標籤。 您應該會在轉盤元件中看到三份PDF檔案。
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e