Clientlibs für Communities-Komponenten

VORSICHT

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

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

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

chlimage_1-244

Beispiel: Platzierte Prüfungen mit Clientlibs

chlimage_1-245

Identifizieren erforderlicher 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

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

HINWEIS

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

Auf dieser Seite