샘플 페이지에 주석 추가

사용자 정의 주석 시스템의 구성 요소가 응용 프로그램 디렉토리(/apps?lang=ko)에 있으므로 확장 구성 요소를 사용할 수 있습니다. 영향을 받을 웹 사이트의 주석 시스템 인스턴스는 resourceType을 사용자 정의 주석 시스템으로 설정하고 필요한 모든 클라이언트 라이브러리를 포함해야 합니다.

필수 클라이언트 식별

기본 주석의 스타일 및 기능에 필요한 클라이언트 라이브러리는 확장된 주석에도 필요합니다.

커뮤니티 구성 요소 안내서는 필요한 클라이언트 라이브러리를 식별합니다. 구성 요소 안내서로 이동하고 주석 구성 요소를 봅니다. 예:

http://localhost:4502/content/community-components/en/comments.html

주석을 렌더링하고 제대로 작동하는 데 필요한 3개의 클라이언트 라이브러리를 확인합니다. 확장 댓글이 참조되는 곳뿐만 아니라 확장된 댓글 클라이언트 라이브러리( apps.custom.comments)도 포함해야 합니다.

chlimage_1-47

페이지에 사용자 지정 주석 추가

페이지당 하나의 주석 시스템만 있을 수 있으므로 짧은 샘플 페이지 만들기 자습서에 설명된 대로 샘플 페이지를 만드는 것이 더 쉽습니다.

만들어진 후에는 디자인 모드를 시작하고 사용자 지정 구성 요소 그룹을 사용하여 Alt Comments 구성 요소를 페이지에 추가할 수 있도록 합니다.

주석이 표시되고 제대로 작동하려면 주석을 위한 클라이언트 라이브러리를 페이지의 clientlibslist에 추가해야 합니다(커뮤니티 구성 요소 참조).

샘플 페이지의 댓글 클라이언트

샘플 페이지의 댓글 클라이언트

작성자:샘플 페이지의 대체 주석

샘플 페이지의 대체 주석

작성자:샘플 페이지 주석 노드

/content/sites/sample/en/jcr:content/content/primary/comments에서 샘플 페이지에 대한 주석 노드의 속성을 보면 CRXDE에서 resourceType을 확인할 수 있습니다.

chlimage_1-50

게시 샘플 페이지

사용자 지정 구성 요소가 페이지에 추가되면 (re) 페이지를 게시해야 합니다.

게시:샘플 페이지의 대체 주석

사용자 지정 응용 프로그램과 샘플 페이지를 모두 게시한 후에는 설명을 입력할 수 있습니다. 데모 사용자 또는 관리자를 사용하여 로그인하면 댓글을 게시할 수 있습니다.

aaron.mcdonald@mailinator.com댓글을 게시합니다.

chlimage_1-51 chlimage_1-52

확장 구성 요소가 기본 모양으로 올바르게 작동하므로 이제 모양을 수정할 때가 되었습니다.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now