Organisation de l’éditeur
L’éditeur de contenu est un espace de travail visuel plein écran pour concevoir des templates. Il se compose de cinq zones principales :- Barre d’en-tête — Affiche le nom du Content, le badge de statut et les boutons d’action (Preview, Publish, Settings).
- Canvas — La zone centrale de conception où les composants sont rendus. Vous pouvez naviguer, zoomer et sélectionner des composants.
- Barre d’outils — Une barre horizontale avec les outils pour ajouter des composants, régler le zoom, annuler/rétablir et activer les guides de mise en page.
- Panneau des calques — Une arborescence à gauche affichant tous les composants avec leur hiérarchie, regroupement et options de visibilité. Voir Calques.
- Panneau de configuration — S’ouvre à droite lorsqu’un composant est sélectionné, affichant ses propriétés. Voir les pages des composants individuels.
- Dock des Frames — Un carrousel d’aperçu des pages en bas pour les Contents multi-frames. Voir Frames.
Barre d’outils
La barre d’outils offre un accès rapide à tous les types de composants et aux contrôles du canvas :Ajout de composants
Contrôles du canvas
Guides de mise en page
Les guides de mise en page sont des aides visuelles d’alignement superposées au canvas. Ils ne sont pas inclus dans le rendu final.Paramètres de l’éditeur
Lorsqu’aucun composant n’est sélectionné, le panneau de configuration affiche les paramètres au niveau du Content :Raccourcis clavier
L’éditeur de contenu prend en charge les raccourcis clavier pour les actions courantes :Copier / Coller
Vous pouvez copier et coller des composants, des groupes de composants et des groupes de conditions au sein du même Content ou entre différents Contents. Copier :- Sélectionnez un ou plusieurs éléments dans le panneau des calques ou directement sur le canvas.
- Appuyez sur Ctrl+C (ou ⌘+C sur Mac).
- Une notification de succès confirme le nombre d’éléments copiés.
- Appuyez sur Ctrl+V (ou ⌘+V sur Mac) dans l’éditeur de contenu cible.
- Tous les éléments copiés sont recréés avec de nouveaux identifiants, y compris leurs enfants imbriqués, les data bindings et les dépendances de Datasources.
- Une notification de succès confirme le nombre d’éléments collés.
Le copier/coller fonctionne entre différents Contents au sein du même compte. Si un élément collé fait référence à une Datasource qui n’existe pas dans le compte cible, une notification d’erreur s’affiche et les éléments restants sont tout de même collés.
Travailler avec les composants
Ajouter des composants
Cliquez sur un outil dans la barre d’outils, puis cliquez sur le canvas pour placer le composant. Vous pouvez aussi sélectionner un outil et glisser sur le canvas pour définir la taille.Sélectionner et déplacer
Cliquez sur un composant sur le canvas ou dans l’arborescence des calques pour le sélectionner. Glissez pour le repositionner. Utilisez les poignées de redimensionnement pour modifier les dimensions.Panneau de configuration
Lorsqu’un composant est sélectionné, le panneau de configuration affiche :- Disposition — Position X, position Y, largeur, hauteur.
- Position — Coordonnées sur le canvas.
- Taille — Dimensions avec verrouillage optionnel du ratio d’aspect.
- Rotation — Angle de rotation.
- Apparence — Style spécifique au composant (remplissage, contour, rayon de bordure, etc.).
- Redirection — Une URL de lien de redirection vers laquelle les utilisateurs sont dirigés lorsqu’ils cliquent sur le composant.
Publication
Cliquez sur Publish dans l’en-tête pour valider et publier le Content. Une fois publié, le Content peut être utilisé dans les Output Nodes de Workflow.L’action Publish valide la structure du Content. S’il y a des erreurs de dépendance (par exemple, un Workflow référencé manque une variable), une fenêtre d’erreur listera les problèmes.