Clientlibs para componentes de Communities

Introducción

En esta sección de la documentación se describe cómo agregar bibliotecas del lado del cliente (clientlibs) a una página para componentes de Communities.

Para obtener información básica, visite :

Por qué se requieren Clientlibs

Las bibliotecas de clientes son necesarias para el correcto funcionamiento (JavaScript) y el estilo (CSS) de un componente.

Cuando existe un función de comunidad para una función, todos los componentes y configuraciones necesarios, incluido el clientlibs requerido, estarán presentes en el sitio de la comunidad. Solo si los componentes adicionales van a estar disponibles para los autores, se necesitarán añadir clientlibs adicionales.

Cuando faltan las clientlibs requeridas, adición de un componente Comunidades a una página podría provocar errores de javascript y un aspecto inesperado.

Ejemplo : Revistas colocadas sin Clientlibs

colocado-review

Ejemplo : Revisiones colocadas con Clientlibs

review-clientlibs

Identificación de Clientlibs Requeridos

La información de funciones esenciales para los desarrolladores identifica los clientlibs necesarios.

Además, desde una instancia de AEM, vaya a la Guía de componentes de comunidad proporciona acceso a una lista de categorías clientlib requeridas para un componente.

Por ejemplo, en la parte superior del Página de revisiones los clientlibs requeridos enumerados son

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

clientlibs-review

Adición de Clientlibs Necesarios

Cuando se desee añadir un componente Comunidades a una página, será necesario agregar las clientlibs necesarias para el componente si no está presente.

Uso CRXDE|Lite para modificar una lista de clientlibslist existente para una página de sitio de la comunidad.

Para agregar una clientlib para un sitio de la comunidad usando CRXDE Lite:

  • Vaya a https://<server>:<port>/crx/de.

  • Busque la variable clientlibslist para la página en la que desea añadir el componente:

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • con clientlibslist nodo seleccionado:

    • Localizar la cadena[] property scg:requiredClientLibs.

    • Seleccione su Value para acceder al cuadro de diálogo matriz de cadenas .

      • Desplácese hacia abajo si es necesario.

      • Seleccione + para introducir una nueva biblioteca de cliente.

        • Repita el proceso para agregar más bibliotecas de cliente.

        • Select OK.

    • Select Guardar todo.

NOTA

Si el sitio no es un sitio de la comunidad, es necesario descubrir la existencia o ubicación de las bibliotecas de cliente que se utilizan para el sitio.

Al usar la variable Introducción a AEM Communities ejemplo, donde site-name es participación, así es como aparecerá clientliblist si agrega el componente de revisiones:

review-component

En esta página