變更外觀(HBS)

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

若要進行簡單展示,會移除張貼評論之已登入使用者所顯示的視覺功能。

注意

若要使用擴充功能,受影響網站(/content?lang=zh-Hant)中之留言系統的例項必須將其resourceType設為自訂留言系統。

修改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
    • 取消選擇​僅修改
    • 選擇​激活​按鈕。

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

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

視圖——修改內容

注釋擴展包示例

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

取得檔案

本頁內容