Clientlibs für Communities-Komponenten

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:

• Verwenden Client-seitiger Bibliotheken , das Nutzungsdetails sowie Debugging-Tools bereitstellt
• Clientlibs für SCF , die nützliche Informationen beim Anpassen von SCF-Komponenten bietet

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

Beispiel: Platzierte Prüfungen mit Clientlibs

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

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.

    • Klicken Sie auf OK

  • Wählen Sie Alle speichern aus

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: