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:
- Verwenden Client-seitiger Bibliotheken , das Nutzungsdetails und Debugging-Tools bereitstellt
- Clientlibs für SCF , die nützliche Informationen beim Anpassen von SCF-Komponenten bietet
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
Beispiel : Placed Reviews with clientlibs example-placed-reviews-with-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
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.
-
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: