更改外觀(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.hbs

    • 註解標籤,其中包含下一個註解項目的頭像(~第44行):

        <!--
         <img class="scf-composer-avatar" src="{{loggedInUser.avatarUrl}}"></img>
         -->
      
  • 選擇​保存全部

複製自定義應用

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

一種方法是:

  • 從主功能表

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

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

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

view-modified-content

注釋擴展包示例

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

取得檔案

本頁內容