캐러셀에 여러 PDF 문서 표시

일반적인 사용 사례는 양식을 제출하기 전에 검토하기 위해 양식 작성기에 여러 PDF 문서를 표시하는 것입니다.

이 사용 사례를 수행하기 위해 Adobe PDF Embed API를 활용했습니다.

이 샘플의 실시간 데모는 여기에서 경험할 수 있습니다.

통합을 완료하기 위해 다음 단계를 수행했습니다

여러 PDF 문서를 표시할 맞춤형 구성 요소 만들기

pdf 문서를 주기 위해 맞춤형 구성 요소(pdf-carousel)가 생성되었습니다

클라이언트 라이브러리

Adobe PDF Embed API를 사용하여 PDF를 표시하는 클라이언트 라이브러리가 생성되었습니다. 표시할 PDF는 pdf-carousel 구성 요소에 지정됩니다.

적응형 양식 만들기

일부 탭을 기반으로 적응형 양식 만들기(이 샘플에는 3개의 탭이 있음)
처음 두 탭에서 일부 적응형 양식 구성 요소 추가
세 번째 탭에서 pdf 슬라이드 구성 요소 추가
아래 스크린샷과 같이 pdf-carousel 구성 요소를 구성합니다
pdf-carousel

PDF API 키 포함 - pdf를 포함하는 데 사용할 수 있는 키입니다. 이 키는 localhost에서만 작동합니다. 자신의 키를 만들어 다른 도메인과 연결할 수 있습니다.

PDF 문서 지정 - 회전판에 표시할 pdf 문서를 지정할 수 있습니다.

서버에 샘플 배포

로컬 서버에서 테스트하려면 다음 단계를 수행하십시오.

  1. 패키지 관리자를 사용하여 클라이언트 라이브러리 가져오기를 로컬 AEM 인스턴스 로 가져오기
  2. 🔗패키지 관리자를 사용하여 pdf 슬라이드 구성 요소를 로컬 AEM 인스턴스 로 가져오기
  3. 🔗패키지 관리자를 사용하여 적응형 양식을 로컬 AEM 인스턴스 로 가져오기
  4. 표시할 샘플 pdf 가져오기 로컬 AEM 인스턴스 에셋 파일 업로드 링크 사용
  5. 적응형 양식 미리 보기
  6. 탭으로 이동하여 검토할 문서 탭을 표시합니다. 슬라이드 구성 요소에 PDF 문서 3개가 표시됩니다.
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e