Componentes de Clientlibs para 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

Clientlibs son necesarios para el correcto funcionamiento (JavaScript) y el estilo (CSS) de un componente.

Cuando existe un función comunitaria para una función, todos los componentes y configuraciones necesarios, incluidos los clientlibs necesarios, estarán presentes en el sitio de la comunidad. Solo si los autores tienen que disponer de componentes adicionales, se deberían añadir clientlibs adicionales.

Cuando faltan los clientlibs requeridos, agregar un componente de Communities a una página podría provocar errores de javascript y una aparición inesperada.

Ejemplo : Revisiones colocadas sin Clientlibs

placement-review

Ejemplo : Revisiones colocadas con Clientlibs

review-clientlibs

Identificación De Clientlibs Requeridos

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

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

Por ejemplo, en la parte superior de la Página de críticas los clientlibs necesarios enumerados son

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

clientlibs-review

Añadir Clientlibs Requeridos

Si se desea añadir un componente de Communities a una página, será necesario añadir los clientlibs necesarios para el componente si no están presentes.

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

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

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

  • Busque el clientlibslist para la página en la que desea agregar el componente:

    • /content/sites/sample/en/page/jcr:content/clientlibslist

  • Con clientlibslist nodo seleccionado:

    • Busque la cadena[] propiedad 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.

        • Seleccionar OK.

    • Seleccionar Guardar todo.

NOTA

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

Uso del Introducción a AEM Communities ejemplo, donde site-name es enganchar Sin embargo, esto es lo que aparecería clientliblist si se añade el componente Revisiones:

review-component

En esta página