Ajouter un commentaire à un exemple de page add-comment-to-sample-page

Maintenant que les composants du système de commentaires personnalisé sont en place dans le répertoire de l’application (https://experienceleague.adobe.com/apps?lang=fr), il est possible d’utiliser le composant étendu. L’instance du système de commentaires d’un site web à affecter doit définir resourceType comme système de commentaires personnalisé et inclure toutes les bibliothèques clientes nécessaires.

Identification des bibliothèques clientes requises identify-required-clientlibs

Les bibliothèques clientes nécessaires au style et au fonctionnement des commentaires par défaut sont également nécessaires pour les commentaires étendus.

Le Guide des composants de la communauté identifie les bibliothèques clientes requises. Accédez au Guide du composant et affichez le composant Commentaires , par exemple :

https://localhost:4502/content/community-components/en/comments.html

Notez les trois bibliothèques clientes requises pour que les commentaires s’affichent et fonctionnent correctement. Ils doivent être inclus là où les commentaires étendus sont référencés et la bibliothèque cliente des commentaires étendus ( apps.custom.comments).

Ajout de commentaires personnalisés à une page add-custom-comments-to-a-page

Comme il ne peut y avoir qu’un seul système de commentaires par page, il est plus simple de créer un exemple de page comme décrit dans le tutoriel Créer un exemple de page de résumé.

Une fois créé, accédez au mode Conception et rendez disponible le groupe de composants personnalisés pour permettre l’ajout du composant Alt Comments à la page.

Pour que le commentaire s’affiche et fonctionne correctement, les bibliothèques clientes pour les commentaires doivent être ajoutées à la liste clientlibslist pour la page (voir Clientlibs for Communities Components).

Comments Clientlibs sur l’exemple de page comments-clientlibs-on-sample-page

Auteur : commentaire Alt sur un exemple de page author-alt-comment-on-sample-page

Auteur : exemple de noeud de commentaires de page author-sample-page-comments-node

Vous pouvez vérifier le resourceType dans CRXDE en affichant les propriétés du noeud de commentaires pour l’exemple de page à l’emplacement /content/sites/sample/en/jcr:content/content/primary/comments.

Exemple de page Publish publish-sample-page

Une fois le composant personnalisé ajouté à la page, il est également nécessaire de (re) publier la page.

Publish : commentaire alternatif sur un exemple de page publish-alt-comment-on-sample-page

Après la publication de l’application personnalisée et de l’exemple de page, il est possible de saisir un commentaire. Une fois connecté, avec un utilisateur de démonstration ou un administrateur, il est possible de publier un commentaire.

Voici aaron.mcdonald@mailinator.com en publiant un commentaire :

Maintenant qu’il apparaît que le composant étendu fonctionne correctement avec l’apparence par défaut, il est temps de modifier l’apparence.