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, consulte lo siguiente:

• Uso de bibliotecas del lado del cliente que proporciona detalles de uso y herramientas de depuración
• Clientlibs para SCF que proporciona información útil al personalizar componentes de SCF

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, están presentes en el sitio de la comunidad. Solo si los autores deben tener disponibles componentes adicionales, se deben agregar 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

Ejemplo : Revisiones colocadas con 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

Añadir Clientlibs Requeridos

Si desea agregar un componente de Communities a una página, es necesario agregar 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 utilizando 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 tener acceso 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.

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: