更改外觀(HBS)

現在，應用程式目錄(/apps?lang=zh-Hant)中的自訂註解系統元件已就緒，resourceSuperType參考預設註解系統和已註冊的自訂模型/檢視，便可修改實施。

對於簡單的示範，會移除張貼評論之已登入使用者的顯示頭像視覺功能。

修改HBS指令碼

使用 CRXDE Lite:

• 開啟 /apps/custom/components/comments/comment/comment.hbs

  • 對標籤加上註解貼文（~第21行）的顯示圖片進行註解：

    <!--
     <<img class="scf-comment-avatar {{#if topLevel}}withTopLevel{{/if}}" src="{{author.avatarUrl}}"></img>
     -->
    

• 開啟 /apps/custom/components/comments/comments.hbs

  • 註解標籤，其中包含下一個註解項目的頭像（~第44行）:

    <!--
     <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
     -->
    

• 選擇 全部儲存

復寫自訂應用程式

修改應用程式後，必須重新複製自訂元件。

一種方法是

• 從主功能表

  • 選擇 工具>操作>複製
  • 選取 Activate Tree
  • 設定 Start Path:to /apps/custom
  • 取消選中 Only Modified
  • 選擇 Activate 按鈕

在發佈的範例頁面上檢視修改的註解

繼續體驗 在發佈執行個體上（仍以相同使用者身分登入），現在可以重新整理發布環境中的頁面，以檢視要移除頭像的修改：

範例注釋擴充功能套件

附加是在本教學課程中建立的自訂註解應用程式套件。

取得檔案