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

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

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:

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 sowie einem unerwarteten Erscheinungsbild führen.

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

chlimage_1-244

Beispiel: Platzierte Prüfungen mit Clientlibs example-placed-reviews-with-clientlibs

chlimage_1-245

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: ganz oben im Überprüfungsseite die aufgelisteten erforderlichen clientlibs

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

chlimage_1-246

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: 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 Knoten ausgewählt

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

    • Auswahl der Value , um auf das Dialogfeld String-Array zuzugreifen

      • Scrollen Sie bei Bedarf nach unten

      • Auswählen + , um eine neue Client-Bibliothek aufzurufen

        • Wiederholen Sie diesen Vorgang, 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, müssen die Existenz oder der Speicherort der Client-Bibliotheken, die für die Site verwendet werden, ermittelt 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:

chlimage_1-247

recommendation-more-help
5d37d7b0-a330-461b-814d-068612705ff6