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:

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

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

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

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 nodo de 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

    • Select + para introducir una nueva biblioteca de cliente

      • Repetir para agregar más bibliotecas de cliente

    • Select OK

  • Select Guardar todo

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:

Recursos de Business.Adobe.com

Cms Cloud Version History Web Content Management Content Management Headless Cms Digital Signage