Show Menu
主題×

Clientlibs for Communities元件

簡介

本檔案章節說明如何新增用戶端程式庫(clientlibs)至Communities元件的頁面。
如需基本資訊,請造訪:

為何需要Clientlibs

Clientlibs是元件正確運作(JavaScript)和樣式(CSS)的必要條件。
當功能有社 群功能 ,所有必要的元件和組態(包括必要的clientlibs)都會出現在社群網站中。 只有當作者需要使用其他元件時,才需要新增其他clientlib。
當所需的clientlibs遺失時, 將Communities元件新增至頁面 ,可能會導致javascript錯誤以及意外的外觀。

範例: 未使用Clientlibs的置入審核

範例: 使用Clientlibs進行置入的審核

識別所需的客戶端

開發人員的基本功能資訊可識別所需的用戶端。
此外,從AEM例項瀏覽至「社群元件指南」 社群元件指南 ,可存取元件所需的clientlib類別清單。
例如,在「檢閱」頁面的最上 ,會列出必要的clientlib
  • cq.ckeditor
  • cq.social.hbs.reviews

添加必需的客戶端

當需要將Communities元件新增至頁面時,如果元件尚未出現,則必須新增必要的clientlibs。
使 用CRXDE|Lite ,修改社群網站頁面的現有clientlibslist。
  • 找到 clientlibslist 要在其中添加元件的頁的節點:
    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • 在選 clientlibslist 取節點時:
    • 找到String # 屬性 scg:requiredClientLibs
    • 選擇其 Value 以訪問「字串」陣列對話框。
      • 如有必要,向下捲動。
      • 選擇+以輸入新的客戶端庫。
        • 重複以新增更多用戶端程式庫。
        • 選擇 確定
    • 選擇「 全部保存 」。
如果網站不是社群網站,則需要搜尋網站所用用戶端程式庫的存在或位置。
使用「 AEM Communities快速入門 」範例(其中 site-name 為Engage **),在新增審核元件時,clientliblist的顯示方式如下: