适用于社区组件的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

在此页面上