Show Menu
화제×

모양 변경(HBS)

이제 응용 프로그램 디렉토리(/apps)의 사용자 정의 주석 시스템에 대한 구성 요소가 배치되고 resourceSuperType이 기본 주석 시스템을 참조하며 사용자 정의 모델/보기가 등록되면 구현을 수정할 수 있습니다.
간단한 데모에서는 댓글을 게시한 로그인한 사용자의 아바타가 제거됩니다.
확장을 사용하려면 영향을 받을 웹 사이트의 주석 시스템 인스턴스(/content)가 resourceType을 사용자 지정 주석 시스템으로 설정해야 합니다.

HBS 스크립트 수정

CRXDE Lite 사용 :
  • Open/apps/custom/components/comments/comment/ comment.hbs
    • 댓글 게시물에 대한 아바타가 포함된 태그에 주석 추가(~ 줄 21):
      <!--
       <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
       -->
      
      
  • Open/apps/custom/components/comments/ comments.hbs
    • 다음 주석 항목에 대한 아바타가 포함된 태그에 주석 추가(~ 줄 44):
      <!--
       <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
       -->
      
      
  • 모두 저장을 선택합니다.

사용자 정의 앱 복제

애플리케이션이 수정된 후에는 사용자 지정 구성 요소를 다시 복제해야 합니다.
한 가지 방법은
  • 주 메뉴에서
    • 도구 > 작업 > 복제를 선택합니다.
    • select Activate Tree
    • 설정 Start Path :to /apps/custom
    • deselect Only Modified
    • 선택 Activate 단추

게시된 샘플 페이지에서 수정된 주석 보기

동일한 사용자로 로그인한 게시 인스턴스에서 경험을 계속 진행하면 이제 게시 환경에서 페이지를 새로 고쳐 아바타를 제거하기 위한 수정 사항을 볼 수 있습니다.

샘플 주석 확장 패키지

이 튜토리얼에서 만든 사용자 정의 주석 애플리케이션의 패키지가 첨부됩니다.