Ajouter un commentaire à l’exemple de page

Maintenant que les composants du système de commentaires personnalisé sont en place dans le répertoire de l’application (/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

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 :

http://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 lorsque les commentaires étendus sont référencés, ainsi que la bibliothèque cliente des commentaires étendue ( apps.custom.comments).

chlimage_1-47

Ajout de commentaires personnalisés à une 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 court Créer une page d’exemple .

Une fois créé, passez en mode de 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 sur l’exemple de page

Auteur : Commentaire Alt sur l’exemple de page

Commentaire Alt sur un exemple de page

Auteur : Exemple de noeud de commentaires de page

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

chlimage_1-50

Publier l’exemple de page

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

Publier : Commentaire Alt sur l’exemple de page

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

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

chlimage_1-51 chlimage_1-52

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

Sur cette page