Clientlibs für Communities-Komponenten clientlibs-for-communities-components

Einführung introduction

In diesem Abschnitt der Dokumentation wird beschrieben, wie Sie clientseitige Bibliotheken (clientlibs) zu einer Seite für Communities-Komponenten hinzufügen.

Grundlegende Informationen finden Sie unter folgenden Themen:

Warum Clientlibs erforderlich sind why-clientlibs-are-required

Clientlibs sind für die ordnungsgemäße Funktion (JavaScript) und Formatierung (CSS) einer Komponente erforderlich.

Wenn eine Community-Funktion für eine Funktion sind alle erforderlichen Komponenten und Konfigurationen, einschließlich der erforderlichen clientlibs, auf der Community-Site vorhanden. Nur wenn Autoren zusätzliche Komponenten zur Verfügung stehen sollen, müssen zusätzliche Client-Bibliotheken hinzugefügt werden.

Wenn die erforderlichen clientlibs fehlen, Hinzufügen einer Communities-Komponente zu einer Seite kann zu JavaScript-Fehlern und einem unerwarteten Erscheinungsbild führen.

Beispiel : platzierte Prüfungen ohne Clientlibs example-placed-reviews-without-clientlibs

platzierten Reviews

Beispiel : Placed Reviews with clientlibs example-placed-reviews-with-clientlibs

review-clientlibs

Identifizieren erforderlicher Clientlibs identifying-required-clientlibs

Die grundlegenden Funktionsinformationen für Entwickler identifizieren die erforderlichen Clientlibs.

Darüber hinaus navigieren Sie von einer AEM-Instanz zum Handbuch zu Community-Komponenten bietet Zugriff auf eine Liste von clientlib-Kategorien, die für eine Komponente erforderlich sind.

Beispiel: oben im Überprüfungsseite die aufgelisteten erforderlichen clientlibs

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

clientlibs-views

Hinzufügen erforderlicher Clientlibs adding-required-clientlibs

Wenn Sie eine Communities-Komponente zu einer Seite hinzufügen möchten, müssen Sie die erforderlichen Clientlibs für die Komponente hinzufügen, falls diese noch nicht vorhanden ist.

Verwendung CRXDE|Lite , um eine vorhandene Clientlibsliste für eine Community-Site-Seite zu ändern.

So fügen Sie eine clientlib für eine Community-Site hinzu mithilfe von CRXDE Lite:

  • Navigieren Sie zu https://<server>:<port>/crx/de.

  • Suchen Sie die clientlibslist -Knoten für die Seite, auf der Sie die Komponente hinzufügen möchten:

    • /content/sites/sample/en/page/jcr:content/clientlibslist
  • Mit clientlibslist ausgewählter Knoten:

    • Suchen Sie den String .[] property scg:requiredClientLibs.

    • Auswahl der Value , damit Sie auf das Dialogfeld String-Array zugreifen können.

      • Scrollen Sie bei Bedarf nach unten.

      • Wählen Sie + aus, um eine neue Client-Bibliothek einzugeben.

        • Wiederholen Sie dies, um weitere Client-Bibliotheken hinzuzufügen.

        • Wählen Sie OK aus.

    • Klicken Sie auf Alle speichern.

NOTE
Wenn es sich bei der Site nicht um eine Community-Site handelt, muss das Vorhandensein oder der Speicherort der Client-Bibliotheken ermittelt werden, die für die Site verwendet werden.

Verwenden der Erste Schritte mit AEM Communities Beispiel, wobei site-name is interagieren festgelegt ist, wird die clientliblist so angezeigt, wenn die Reviews-Komponente hinzugefügt wird:

review-component

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