Componenti Clientlibs for Communities

Introduzione

Questa sezione della documentazione descrive come aggiungere librerie lato client (clientlibs) a una pagina per i componenti di Communities.

Per informazioni di base, visita :

Perché sono necessarie le clientlibs

Le librerie client sono necessarie per il corretto funzionamento (JavaScript) e lo stile (CSS) di un componente.

Quando esiste una funzione comunitaria per una funzione, tutti i componenti e le configurazioni necessarie, incluse le clientlib richieste, saranno presenti nel sito community. Solo se gli autori devono disporre di componenti aggiuntivi, è necessario aggiungere ulteriori clientlibs.

Se mancano le clientlib richieste, aggiunta di un componente Community a una pagina potrebbe causare errori javascript e un aspetto imprevisto.

Esempio : Recensioni posizionate senza Clientlibs

valutazioni inserite

Esempio : Recensioni inserite con Clientlibs

recensioni-clientlibs

Identificazione delle librerie client richieste

Le informazioni essenziali sulle funzioni per gli sviluppatori identificano le clientlib richieste.

Inoltre, da un'istanza AEM, naviga fino al Guida ai componenti della community fornisce l’accesso a un elenco di categorie clientlib richieste per un componente.

Ad esempio, nella parte superiore della Pagina Recensioni le clientlibs richieste elencate sono

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

clientlibs-review

Aggiunta di clientlibs richiesti

Se desideri aggiungere un componente Community a una pagina, dovrai aggiungere le clientlib richieste per il componente, se non già presenti.

Utilizzo CRXDE|Lite per modificare un elenco clientlibslist esistente per una pagina del sito community.

Per aggiungere una clientlib per un sito della community utilizzando CRXDE Lite:

  • Sfoglia per https://<server>:<port>/crx/de.

  • Individua il clientlibslist nodo della pagina in cui desideri aggiungere il componente:

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

  • Con clientlibslist nodo selezionato:

    • Individua la stringa[] property scg:requiredClientLibs.

    • Seleziona i relativi Value per accedere alla finestra di dialogo Array di stringa.

      • Se necessario, scorri verso il basso.

      • Seleziona + per immettere una nuova libreria client.

        • Ripeti questa operazione per aggiungere altre librerie client.

        • Seleziona OK.

    • Seleziona Salva tutto.

NOTA

Se il sito non è un sito community, è necessario individuare l’esistenza o la posizione delle librerie client in uso per il sito.

Utilizzo della Guida introduttiva ad AEM Communities esempio, dove site-name è coinvolgere, questo è il modo in cui apparirebbe la clientliblist se si aggiungesse il componente recensioni:

componente di revisione

In questa pagina