Show Menu
主题×

Clientlibs for Communities组件

简介

文档的本节介绍如何将客户端库(clientlibs)添加到Communities组件的页面。
有关基本信息,请访问:

为何需要Clientlibs

需要Clientlibs才能正常运行组件(JavaScript)和样式(CSS)。
当某个功能存 在社区功能 ,所有必需的组件和配置(包括所需的clientlib)都将出现在社区站点中。 只有当作者可以使用其他组件时,才需要添加其他clientlib。
当缺少所需的clientlib时, 向页面添加Communities组件可能会导致javascript错误 ,并导致意外外观。

示例:无Clientlibs的置入审阅

示例:使用Clientlibs置入的审阅

识别所需的Clientlib

开发人员的基本功能信息标识了所需的客户端库。
此外,从AEM实例中,浏览到“社区组件指南” 社区组件指南 ,您可以访问组件所需的clientlib类别列表。
例如,在“审阅”页面的最 顶部 ,列出的所需客户端库
  • cq.ckeditor
  • cq.social.hbs.reviews

添加必需的Clientlibs

当需要向页面添加社区组件时,如果组件不存在,则需要为该组件添加所需的客户端库。
使 用CRXDE|Lite ,为社区站点页面修改现有clientlibslist。
  • 找到 clientlibslist 要添加组件的页面的节点
    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • 选择 clientlibslist 节点后
    • 找到String属性 #scg:requiredClientLibs
    • 选择其 Value 以访问“字符串数组”对话框
      • 如果需要,向下滚动
      • 选择+以输入新的客户端库
        • 重复以添加更多客户端库
      • 选择确
    • 选择 全部保存
如果站点不是社区站点,则需要发现站点使用的客户端库的存在或位置。
使用AEM Communities 快速入门示例 (其 site-name 中为Engage **),添加审阅组件时,clientliblist的显示方式如下: