適用於社群元件的Clientlibs clientlibs-for-communities-components
簡介 introduction
本檔案章節說明如何將使用者端程式庫(clientlibs)新增到Communities元件的頁面。
如需基本資訊，請參閱下列內容：
- 使用提供使用詳細資訊和偵錯工具的使用者端資料庫
- SCF的Clientlibs提供自訂SCF元件時有用的資訊
為何需要Clientlibs why-clientlibs-are-required
元件的正常功能(JavaScript)和樣式(CSS)需要Clientlibs。
當功能有社群功能時，所有必要的元件和設定（包括必要的clientlibs）都會出現在社群網站中。 只有當作者可以使用其他元件時，才能新增其他clientlibs。
當缺少必要的clientlibs時，將Communities元件新增至頁面可能會導致JavaScript錯誤和意外外觀。
範例：不含Clientlibs的置入稽核 example-placed-reviews-without-clientlibs
範例：使用Clientlibs置入的評論 example-placed-reviews-with-clientlibs
識別必要的Clientlibs identifying-required-clientlibs
開發人員的基本功能資訊可識別所需的clientlibs。
此外，從AEM執行個體瀏覽至社群元件指南可存取元件所需的clientlib類別清單。
例如，在檢閱頁面頂端列出的必要clientlibs包括
- cq.ckeditor
- cq.social.hbs.reviews
新增必要的Clientlibs adding-required-clientlibs
當想要將Communities元件新增至頁面時，必須為該元件新增必要的clientlibs （如果尚未存在）。
使用CRXDE|Lite修改社群網站頁面的現有clientlibslist。
若要使用CRXDE Lite為社群網站新增clientlib：
-
找到您要新增元件的頁面的
clientlibslist節點：/content/sites/sample/en/page/jcr:content/clientlibslist
-
已選取
clientlibslist節點：-
找出字串[]屬性
scg:requiredClientLibs。 -
選取其
Value，以便存取字串陣列對話方塊。-
如有需要，向下捲動。
-
選取+以輸入新的使用者端資源庫。
-
重複以上步驟以新增更多使用者端程式庫。
-
選取 確定。
-
-
-
選取 全部儲存。
-
使用AEM Communities快速入門範例（其中site-name為 engage），新增檢閱元件時會以此方式顯示clientliblist：
