캐러셀에 여러 PDF 문서 표시
일반적인 사용 사례는 양식을 제출하기 전에 검토하기 위해 양식 작성기에 여러 PDF 문서를 표시하는 것입니다.
이 사용 사례를 수행하기 위해 Adobe PDF Embed API를 활용했습니다.
이 샘플의 실시간 데모는 여기에서 경험할 수 있습니다.
통합을 완료하기 위해 다음 단계를 수행했습니다
여러 PDF 문서를 표시할 맞춤형 구성 요소 만들기
pdf 문서를 주기 위해 맞춤형 구성 요소(pdf-carousel)가 생성되었습니다
클라이언트 라이브러리
Adobe PDF Embed API를 사용하여 PDF를 표시하는 클라이언트 라이브러리가 생성되었습니다. 표시할 PDF는 pdf-carousel 구성 요소에 지정됩니다.
적응형 양식 만들기
일부 탭을 기반으로 적응형 양식 만들기(이 샘플에는 3개의 탭이 있음)
처음 두 탭에서 일부 적응형 양식 구성 요소 추가
세 번째 탭에서 pdf 슬라이드 구성 요소 추가
아래 스크린샷과 같이 pdf-carousel 구성 요소를 구성합니다
PDF API 키 포함 - pdf를 포함하는 데 사용할 수 있는 키입니다. 이 키는 localhost에서만 작동합니다. 자신의 키를 만들어 다른 도메인과 연결할 수 있습니다.
PDF 문서 지정 - 회전판에 표시할 pdf 문서를 지정할 수 있습니다.
서버에 샘플 배포
로컬 서버에서 테스트하려면 다음 단계를 수행하십시오.
- 패키지 관리자를 사용하여 클라이언트 라이브러리 가져오기를 로컬 AEM 인스턴스 로 가져오기
- 🔗패키지 관리자를 사용하여 pdf 슬라이드 구성 요소를 로컬 AEM 인스턴스 로 가져오기
- 🔗패키지 관리자를 사용하여 적응형 양식을 로컬 AEM 인스턴스 로 가져오기
- 표시할 샘플 pdf 가져오기 로컬 AEM 인스턴스 에셋 파일 업로드 링크 사용
- 적응형 양식 미리 보기
- 탭으로 이동하여 검토할 문서 탭을 표시합니다. 슬라이드 구성 요소에 PDF 문서 3개가 표시됩니다.
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e