Communities元件的Clientlibs

注意

AEM 6.4已結束延伸支援，本檔案不再更新。 如需詳細資訊，請參閱 技術支援期. 尋找支援的版本 此處.

簡介

本檔案的本節說明如何將用戶端程式庫(clientlibs)新增至Communities元件的頁面。

如需基本資訊，請造訪：

為何需要Clientlibs

元件的正常運作(JavaScript)和樣式(CSS)需要Clientlibs。

當存在 社群功能 針對功能，所有必要的元件和設定（包括必要的clientlib）都會顯示在社群網站中。 只有當作者能使用其他元件時，才需要新增其他clientlib。

缺少所需的clientlib時， 將社群元件新增至頁面 可能會導致javascript錯誤和意外的外觀。

範例：未使用Clientlibs的置入評論

chlimage_1-244

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

chlimage_1-245

識別所需的Clientlib

開發人員的基本功能資訊可識別所需的用戶端。

此外，從AEM例項瀏覽至 社群元件指南 提供對元件所需的clientlib類別清單的訪問。

例如，在 審核頁面 列出的必要clientlib為

  • cq.ckeditor
  • cq.social.hbs.reviews

chlimage_1-246

新增必要的Clientlib

需要將Communities元件新增至頁面時，必須為元件新增所需的clientlib（如果尚未出現）。

使用 CRXDE|Lite 修改社區站點頁的現有clientlibslist。

為社區站點添加clientlib：使用 CRXDE Lite:

  • 瀏覽至 https://<server>:<port>/crx/de

  • 找出 clientlibslist 節點，用於要添加元件的頁面

    • /content/sites/sample/en/page/jcr:content/clientlibslist

  • 使用 clientlibslist 已選節點

    • 找出字串[] 屬性 scg:requiredClientLibs

    • 選取其 Value 訪問「字串陣列」對話框

      • 如有必要，向下捲動

      • 選擇 + 要輸入新客戶端庫

        • 重複以添加更多客戶端庫

      • 選擇 確定

    • 選擇 全部儲存

注意

如果網站不是社群網站，則需要探索用於網站的用戶端程式庫的存在或位置。

使用 開始使用AEM Communities 範例，其中 site-name is 參與，新增reviews元件時，此為clientliblist的顯示方式：

chlimage_1-247

本頁內容