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:
- 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 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
Beispiel: Platzierte Prüfungen mit 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: ganz 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: 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
-
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: