更改外觀(HBS)

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

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

修改HBS指令碼

使用CRXDE Lite:

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

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

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

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

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

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

• 選擇​保存全部

複製自定義應用

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

一種方法是：

• 從主功能表

  • 選擇​工具 > 操作 > 複製。
  • 選擇​激活樹。
  • 將Start Path設為/apps/custom。
  • 取消選擇​僅修改。
  • 選擇​激活​按鈕。

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

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

注釋擴展包示例

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

取得檔案