Clientlibs for Communities Components

簡介

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

如需基本資訊,請造訪:

為何需要Clientlibs

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

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

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

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

chlimage_1-244

範例:Placed Reviews with Clientlibs

chlimage_1-245

標識必需的Clientlibs

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

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

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

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

chlimage_1-246

添加必需的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會以下列方式顯示:

chlimage_1-247

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now