變更外觀(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/comments.hbs

  • 注釋掉包含頭像的標籤，以供下一個注釋項目使用(~ line 44):

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

• 選擇​全部保存

複製自訂應用程式

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

一種方法是：

• 從主菜單

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

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

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

注釋擴展包示例

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

取得檔案