AEM Guides의 확장 프레임워크: 웹 편집기 사용자 지정 및 UI 검토
시스템에서 작업할 때 비즈니스/사용자는 작업을 충족하고 생산성을 향상시키기 위해 사용자 정의 버튼, 작업 또는 정보 표시를 원하는 것이 일반적입니다. 확장 프레임워크를 사용하면 AEM Guides 위에 사용자 지정 패키지를 만들어 사용자 인터페이스와 해당 동작을 확장할 수 있습니다. 이러한 사용자 지정 패키지는 개발자와 컨설턴트가 편집기/검토 UI의 구성 요소에 대한 확장성을 제공하는 데 유용합니다. 버튼, 대화 상자 및 드롭다운을 타겟팅하고 AEM Guides UI와 쉽게 상호 운용할 수 있는 사용자 지정 JavaScript를 추가할 수 있습니다.
이 세션에서는 실용적인 시나리오를 통해 AEM Guides의 검토 및 웹 편집기 UI를 사용자 정의하거나 확장하는 방법을 알아봅니다.
세션 레코딩
강조 표시
- 날짜 - 2023년 11월 2일
- 참석자 수 - 119
- 기간 - 60분
- 대상자 - 고객, 파트너 및 Adobe 직원
핵심 사항
이 세션에서는 다음에 대해 배웠습니다.
-
이 확장 프레임워크를 사용하여 모든 인터페이스를 확장할 수 있는지 이해
-
이미 사용 가능한 내용을 이해하여 나만의 사용자 정의 기능을 쉽게 만들 수 있습니다
-
다음 예를 사용하여 사용자 지정 학습:
- 웹 편집기에서 도움말 및 지원 섹션 추가
- 왼쪽 패널을 하나 더 추가 - 현재 사용자의 작업을 볼 수 있음
- 이 프레임워크를 사용하여 주제/맵에 대한 도구 모음 단추를 하나 더 추가
- 웹 편집기의 컨텐츠 속성 패널에 표시되는 정보 확장 - 주어진 파일에서 사후 처리가 수행되는지 여부를 나타내는 사후 처리 정보를 추가합니다.
- 검토 UI에 사용자 정의 단추 추가 - 웨비터에서 편집할 주제를 엽니다.
- 검토 UI에 대한 추가 사용자 정의 옵션
-
위 예제 작업을 시작할 수 있는 구현은 어디에서 찾을 수 있습니까?
관련 리소스
-
Extension Framework 기본 저장소 - GIT
-
설명서 - Experience League
-
문서화된 공통 사용 사례 - Experience League
-
샘플이 있는 공용 리포지토리 - GIT에서. 분기 sc-expert-session 참조
NOTE
이 세션에 표시된 기능은 다음 버전의 AEM Guides에서 사용할 수 있습니다.
- 2023년 10월(클라우드용)
- 4.3.x(비클라우드용)
연락처
문의 사항은 다음 주소로 이메일을 보내주십시오. techcomm@adobe.com
recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178