샘플 페이지에 주석 추가 add-comment-to-sample-page

이제 사용자 지정 주석 시스템의 구성 요소가 애플리케이션 디렉터리(https://experienceleague.adobe.com/apps?lang=ko)에 있으므로 확장된 구성 요소를 사용할 수 있습니다. 영향을 받는 웹 사이트의 댓글 시스템 인스턴스는 resourceType을 사용자 지정 댓글 시스템으로 설정하고 필요한 모든 클라이언트 라이브러리를 포함해야 합니다.

필요한 Clientlib 식별 identify-required-clientlibs

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

커뮤니티 구성 요소 안내서는 필요한 클라이언트 라이브러리를 식별합니다. 구성 요소 안내서 로 이동하여 설명 구성 요소를 확인합니다. 예를 들면 다음과 같습니다.

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

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

comments-component1

페이지에 사용자 정의 주석 추가 add-custom-comments-to-a-page

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

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

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

샘플 페이지의 설명 Clientlibs comments-clientlibs-on-sample-page

comments-clientlibs-crxde

작성자: 샘플 페이지에 대한 대체 댓글 author-alt-comment-on-sample-page

alt-comment

작성자: 샘플 페이지 주석 노드 author-sample-page-comments-node

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

verify-comment-crxde

Publish 샘플 페이지 publish-sample-page

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

Publish: 샘플 페이지의 Alt 댓글 publish-alt-comment-on-sample-page

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

여기 aaron.mcdonald@mailinator.com 댓글을 게시하는 것이 있습니다.

publish-alt-comment

publish-alt-comment1

이제 확장 구성 요소가 기본 모양새에서 올바르게 작동하는 것처럼 보이므로 모양새를 수정해야 합니다.

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791