샘플 페이지에 주석 추가

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

필수 클라이언트 식별

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

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

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

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

comments-component1

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

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

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

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

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

comments-clientlibs-crxde

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

alt-comment

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

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

verify-comment-crxde

게시 샘플 페이지

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

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

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

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

publish-alt-comment

publish-alt-comment1

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

이 페이지에서는