Communities元件的Clientlibs clientlibs-for-communities-components

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

簡介 introduction

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

如需基本資訊,請造訪:

為何需要Clientlibs why-clientlibs-are-required

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

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

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

範例:未使用Clientlibs的置入評論 example-placed-reviews-without-clientlibs

chlimage_1-244

範例:使用Clientlibs進行置入的審核 example-placed-reviews-with-clientlibs

chlimage_1-245

識別所需的Clientlib identifying-required-clientlibs

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

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

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

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

chlimage_1-246

新增必要的Clientlib adding-required-clientlibs

需要將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 訪問「字串陣列」對話框

      • 如有必要,向下捲動

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

        • 重複以添加更多客戶端庫
      • 選擇 確定

    • 選擇 全部儲存

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

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

chlimage_1-247

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6