适用于社区组件的Clientlibs

简介

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

有关基本信息,请访问:

为什么需要Clientlibs

组件的正常功能(JavaScript)和样式(CSS)需要Clientlibs。

当存在 社区功能 对于功能,社区站点中将显示所有必需的组件和配置,包括所需的clientlibs。 只有在作者可以使用其他组件时,才需要添加其他clientlib。

当缺少所需的clientlibs时, 将Communities组件添加到页面 可能会导致javascript错误以及意外外观。

示例:置入的审阅没有Clientlibs

置入的审核

示例:使用Clientlibs放置审阅

reviews-clientlibs

标识所需的Clientlibs

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

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

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

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

clientlibs-reviews

添加所需的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 以访问字符串数组对话框。

      • 如有必要,向下滚动。

      • 选择+以输入新的客户端库。

        • 重复以上步骤以添加更多客户端库。

        • 选择 确定.

    • 选择 全部保存.

注意

如果站点不是社区站点,则需要发现用于该站点的客户端库的存在或位置。

使用 AEM Communities快速入门 示例,其中 site-name参与,在添加审阅组件时,将以下列方式显示clientliblist:

review-component

在此页面上