Clientlibs for Communities Components

簡介

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

如需基本資訊,請造訪:

為何需要Clientlibs

Clientlibs是元件正確運作(JavaScript)和樣式(CSS)的必要條件。

當某個功能存在社區函式時,所有必要的元件和配置(包括所需的clientlibs)都將出現在社區站點中。 只有當作者需要使用其他元件時,才需要新增其他clientlib。

當所需的clientlibs遺失時,將Communities元件新增至頁面可能會導致javascript錯誤以及意外的外觀。

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

置入審核

範例:Placed Reviews with Clientlibs

reviews-clientlibs

標識必需的Clientlibs

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

此外,從AEM例項瀏覽至社群元件指南可存取元件所需的clientlib類別清單。

例如,在「檢閱」頁面的最上方,會列出所需的clientlibs

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

clientlibs-reviews

添加必需的Clientlibs

當需要將Communities元件新增至頁面時,如果元件尚未出現,則必須新增必要的clientlibs。

使用CRXDE|Lite修改社群網站頁面的現有clientlibslist。

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

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

  • 為要添加元件的頁找到clientlibslist節點:

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • 選擇clientlibslist節點後:

    • 找到String[]屬性scg:requiredClientLibs

    • 選擇其Value以訪問「字串陣列」對話框。

      • 如有必要,向下捲動。

      • 選擇+以輸入新的客戶端庫。

        • 重複以新增更多用戶端程式庫。

        • 選擇​確定

    • 選擇​全部保存

注意

如果網站不是社群網站,則需要搜尋網站所用用戶端程式庫的存在或位置。

使用AEM Communities快速入門範例(其中site-name是​engage),在新增審核元件時,clientliblist會以下列方式顯示:

review-component

本頁內容