Vous pouvez configurer du contenu de texte ou d'image dans une présentation pour que les utilisateurs qui se servent des pages basées sur la présentation puissent modifier ce contenu.
Cette fonctionnalité peut être utilisée dans tous les thèmes, y compris les thèmes Bootstrap. Les modifications utilisent automatiquement le style de la page d'origine.
Vous pouvez ajouter un balisage simple aux balises HTML suivantes dans la présentation : <p>, <h1> through <h6>, <div> et <img>.
Options de formatage de texte et d'image :
Texte : permet aux utilisateurs d'indiquer les valeurs Gras, Italique, Trait de soulignement et Lien.
Image : permet aux utilisateurs d'indiquer un lien vers un fichier image. Permet de modifier les propriétés de titre (ce que l'utilisateur voit lorsqu'il passe le curseur sur une image) et d'ajouter un autre texte pour l'accessibilité.
Pour qu'un élément de texte ou d'image puisse être modifié par les utilisateurs, vous devez :
ajouter scs-editable à class ;
ajouter un attribut id unique.
Une fois qu'une présentation a été modifiée, la fonctionnalité est disponible pour toutes les pages basées sur cette présentation (y compris les nouvelles pages).
Si vous copiez et collez une page, les modifications seront copiées vers la nouvelle page.
Modification d'une balise d'en-tête
Synchronisez le fichier de présentation sur votre ordinateur local ou modifiez le fichier source HTML pour l'en-tête <h1>.
Ajoutez scs-editable à class et ajoutez l'attribut id="test-heading" dans la ligne de code de l'en-tête, afin de pouvoir y attacher un éditeur. Par exemple :
<h1 class="brand-heading scs-editable" id="test-heading">Sample Heading Value</h1>
Enregistrez le fichier.
Effectuez une synchronisation avec Oracle Content Management et rechargez le navigateur.
Une bordure noire doit apparaître autour de l'en-tête lorsque l'utilisateur passe le curseur dessus, indiquant que le contenu peut être modifié. Lorsqu'un utilisateur clique sur l'en-tête, la bordure devient verte, lui indiquant qu'il peut désormais modifier le contenu de l'en-tête
Si le thème n'a pas été publié, publiez-le. S'il a été publié, la modification apparaîtra lorsque vous actualiserez votre navigateur.
Une fois que le thème est publié, les utilisateurs du site peuvent cliquer sur l'en-tête et le modifier dans le générateur de site.
Un pseudo-composant est créé pour l'élément scs-editable afin que vous puissiez le modifier dans le générateur de site et le stocker avec les données de page. Lors de l'exécution, avant que la page ne soit affichée, le contrôleur remplace les balises scs-editable par les valeurs que vous avez définies dans le générateur de site.
Modification d'une balise d'image
La procédure pour transformer une balise d'image dans une présentation de façon à ce que les utilisateurs puissent la modifier est semblable à la procédure pour du texte.
ajouter scs-editable à class ;
Ajoutez un id d'image unique.
Les utilisateurs peuvent cliquer sur l'image, puis modifier les propriétés pour utiliser une autre image.
Voici un exemple de code d'une image que les utilisateurs peuvent modifier :
<img class="scs-editable" id="test-image" src="_scs_theme_root_/assets/img/downloads-bg-small.jpg"/>