适用于社区组件的Clientlibs clientlibs-for-communities-components

简介 introduction

此文档的此部分介绍如何将客户端库(clientlibs)添加到社区组件的页面。

有关基本信息,请参阅以下内容:

为什么需要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

reviews-clientlibs

标识所需的Clientlibs identifying-required-clientlibs

面向开发人员的基本功能信息可标识所需的clientlibs。

此外,从AEM实例浏览到 社区组件指南 提供对组件所需的clientlib类别列表的访问。

例如,在 “审核”页面 列出的所需clientlibs包括

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

clientlibs-reviews

添加所需的Clientlibs adding-required-clientlibs

当需要将Communities组件添加到页面时,如果组件尚不存在,则必须添加该组件所需的clientlibs。

使用 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参与,下面显示了添加审阅组件时clientliblist的显示方式:

review-component

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791