Utiliser les styles de barres de modification personnalisés

Une barre de modification est une ligne verticale qui identifie visuellement le contenu nouveau ou révisé. AEM Guides vous permet d’afficher une barre de modification à gauche du contenu modifié dans les rubriques, ainsi que les rubriques modifiées dans la table des matières de la sortie PDF.

Pour plus d’informations sur l’affichage de la barre de modification, consultez le paramètre Créer un PDF avec la barre de modification entre les versions publiées dans Publier la sortie PDF.

Contenu modifié dans les rubriques

La barre de modification s’affiche à gauche du contenu des rubriques insérées, modifiées ou supprimées.

Vous pouvez modifier les styles suivants pour afficher le contenu modifié et, entre autres, les barres de modification.

Par exemple, vous pouvez utiliser l’attribut color dans le style .inserted-block pour définir la manière dont le contenu inséré apparaîtra dans la sortie PDF publiée.

...
.inserted-block {
  color: #2ECC40;
  display: inline;
  -ro-comment-content: " ";
  -ro-comment-style: underline;
  -ro-comment-title: "Inserted";
  -ro-comment-date: attr(data-time);
  -ro-comment-dateformat: "yyyy/dd/MM HH:mm:ss";
}
...

De même, vous pouvez utiliser le style .deleted-block pour définir la manière dont le contenu supprimé apparaîtra dans la sortie PDF publiée.

...
.deleted-block {
  display: inline;
  color: #FF6961;
  text-decoration: line-through;
  -ro-comment-content: " ";
  -ro-comment-style: strikeout;
  -ro-comment-title: "Deleted";
  -ro-comment-date: attr(data-time);
  -ro-comment-dateformat: "yyyy/dd/MM HH:mm:ss";
}
...

Vous pouvez utiliser les styles .inserted-change-bar et .deleted-change-bar pour modifier l’aspect des barres de modification qui s’affichent à gauche du contenu mis à jour.

Par exemple, vous pouvez utiliser -ro-change-bar-color attribut dans .inserted-change-bar style pour afficher la barre de modification insérée en vert. Vous pouvez également utiliser -ro-change-bar-color attribut dans .deleted-change-bar style pour afficher la barre de modification supprimée en rouge.

...
.inserted-change-bar {
  -ro-change-bar-color: #2ECC40;
}

.deleted-change-bar {
  -ro-change-bar-color: #FF6961;
  }
...

{width="500"}

Modification de la rubrique dans la table des matières (table des matières)

Vous pouvez également ajouter une barre de modification à gauche des rubriques modifiées dans la table des matières de la sortie PDF. Vous pouvez utiliser -ro-change-bar-color’attribut dans le style de .changed-topic pour ajouter une barre de modification dans la couleur de votre choix pour les rubriques mises à jour de la liste des tables des matières.

Vous pouvez, par exemple, ajouter une barre de modification de couleur verte.

...
.changed-topic {
 -ro-change-bar-color: #2ECC40;
}
...

Une barre de modification verte s’affiche pour toutes les rubriques de la table des matières où des mises à jour ont été effectuées. Vous pouvez cliquer sur la rubrique modifiée dans la table des matières et afficher les modifications détaillées.

{width="500"}