Clientlibs per i componenti Communities clientlibs-for-communities-components

Introduzione introduction

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

Per informazioni di base, vedere:

Perché sono richieste le clientlibs why-clientlibs-are-required

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

Quando esiste una funzione community per una caratteristica, tutti i componenti e le configurazioni necessari, incluse le clientlibs richieste, sono presenti nel sito della comunità. Solo se gli autori devono disporre di componenti aggiuntivi, è necessario aggiungere altre clientlibs.

Quando mancano le clientlibs richieste, l'aggiunta di un componente Communities a una pagina potrebbe causare errori JavaScript e un aspetto imprevisto.

Esempio: revisioni posizionate senza clientlibs example-placed-reviews-without-clientlibs

revisioni effettuate

Esempio: recensioni inserite con Clientlibs example-placed-reviews-with-clientlibs

recensioni-clientlibs

Identificazione delle clientlibs richieste identifying-required-clientlibs

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

Inoltre, da un'istanza AEM, la navigazione alla Guida ai componenti della community consente di accedere a un elenco di categorie clientlib richieste per un componente.

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

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

clientlibs-Reviews

Aggiunta di clientlibs richieste adding-required-clientlibs

Quando si desidera aggiungere un componente Communities a una pagina, se non è già presente, è necessario aggiungere le clientlibs richieste per il componente.

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

Per aggiungere una clientlib per un sito community utilizzando CRXDE Liti:

  • Passa a https://<server>:<porta>/crx/de.

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

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • Con clientlibslist nodo selezionato:

    • Individuare la proprietà String[] scg:requiredClientLibs.

    • Selezionare Value per accedere alla finestra di dialogo Array di stringhe.

      • Scorri verso il basso, se necessario.

      • Seleziona + per immettere una nuova libreria client.

        • Ripeti l’operazione per aggiungere altre librerie client.

        • Selezionare OK.

    • Seleziona Salva tutto.

NOTE
Se il sito non è un sito di community, è necessario individuare l'esistenza o la posizione delle librerie client utilizzate per il sito.

Utilizzando l'esempio Guida introduttiva ad AEM Communities, dove site-name è coinvolgi, questo è l'aspetto del clientliblist se si aggiunge il componente recensioni:

revisione-componente

recommendation-more-help
81e2cd9d-0789-409d-b87c-2a8ce4f28791