Exemples

Dans ce package, nous avons également fourni quelques exemples de personnalisation (disponibles sur guides_extension/src) . Vous trouverez ci-dessous une brève description de chacun d'entre eux.

  1. Menu contextuel
    Dans cet exemple, nous avons personnalisé le menu contextuel file_options pour supprimer les options Delete et Edit et remplacer l’option Duplicate par une option Download.

  2. Panneau de gauche
    Dans cet exemple, nous avons personnalisé le left tab panel pour qu’il y ait un autre tab intitulé "EXTENSION TEST", et un tab panel correspondant qui possède un libellé : Test Tab Panel

  3. Panneau de droite
    Dans cet exemple, nous avons personnalisé le right tab panel pour qu’il y ait un autre tab intitulé "EXTENSION TEST", et un tab panel correspondant qui a une étiquette : New Tab Panel

  4. Panneau Référentiel

  5. Barre d’outils
    Dans cet exemple, nous avons remplacé les boutons Insert Element, Insert Paragraph, Insert Numbered List et Insert Bulleted List par un seul bouton More Insert Options contenant tous ces boutons.

[Vérifier les exemples d’applications]

  1. Annotation Toolbox
    Dans cet exemple, nous avons ajouté un autre bouton à la boîte à outils d’annotation qui ouvre la rubrique de révision actuelle dans AEM.

  2. Commentaire de révision
    Dans cet exemple, nous avons ajouté le nom d’utilisateur aux informations sur l’utilisateur (qui comprennent le nom complet et le titre du commentateur), ajouté un identifiant de commentaire unique, une icône mailTo et ajouté des champs de saisie pour mentionner la gravité et la logique des commentaires.
    Nous avons également ajouté un bouton accept with modification sur les commentaires du côté XMLEditor qui ouvre une boîte de dialogue.

  3. Réponse du commentaire
    Dans cet exemple, nous avons ajouté le nom d’utilisateur aux informations sur l’utilisateur (qui comprennent le nom complet et le titre du commentateur) et ajouté une icône mailTo dans l’en-tête du commentaire.

  4. Panneau de révision intégré
    Dans ce fichier, nous calculons et affectons l’identifiant de commentaire unique, mentionné dans les exemples Review Comment et Comment Reply .

    • La méthode setCommentId définit l’identifiant de commentaire unique sur chaque commentaire en fonction du nombre de commentaires.

    • setUserInfo définit la valeur de userInfo, à l’aide du nom complet et du titre de chaque commentaire.

    • onNewCommentEvent s’assure que la méthode setUserInfo est appelée pour chaque nouveau commentaire ou réponse.

    • La fonction updatedProcessComments s’exécute pour chaque nouvel événement de commentaire et s’assure que setCommentId est appelé si nous obtenons un nouvel événement de commentaire.

  5. Panneau des révisions des rubriques : ce fichier étend le panneau de révision en ligne de sorte que les personnalisations ajoutées fonctionnent également du côté de l’application de révision.

  6. Boîte de dialogue Accepter avec modification
    Il s’agit d’un exemple d’ajout de nouveaux widgets à l’application. Ici, nous avons créé une nouvelle boîte de dialogue, qui comporte deux champs de texte de saisie : Revised Text et Adjudicator Comment Rationale

  7. Enregistrer la révision
    Voici un exemple de mise à jour d’une boîte de dialogue existante. Nous y ajoutons un bouton pour la publication. Nous autorisons la modification du contenu de la boîte de dialogue. Reportez-vous à son json ici : save_revision

Boîte De Dialogue Accepter Avec Modification

Voici le panneau de révision avant et après la personnalisation :

Panneau de révision;
Boîte De Dialogue Accepter Avec Modification

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178