> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://documentation.celestory.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# La Fenêtre d'Édition d'un Bloc

# 🪟 La Fenêtre d'Édition d'un Bloc

Un clic simple sur un bloc ne fait que le **sélectionner**. Il n'y a aucun panneau de propriétés à côté du graphe : les réglages vivent dans une fenêtre flottante. 🎯

---

${frame}[Vidéo : la fenêtre d'édition d'un bloc](https://celestory-docs-videos.netlify.app/fr/geste-ui/la-fenetre-d-edition-d-un-bloc.html)

## 🖱️ 1. Ouvrir la fenêtre

**Double-cliquez sur le bloc.** Une fenêtre s'ouvre juste à côté de lui, intitulée « Édition du bloc *Nom du bloc* ». Sa barre de titre reprend la couleur du bloc. 🎨

-   🔺 Le double-clic sur un **lien** ne l'ouvre pas : il y insère un bloc Connecteur. Visez bien le bloc.
-   🔺 Rien n'empêche d'ouvrir deux fois le même bloc : vous obtenez deux fenêtres identiques.

---

## 🧰 2. Ce que contient la fenêtre

### 🏷️ Le titre personnalisé
En haut, le champ « Ajouter un titre personnalisé… » renomme le bloc dans le graphe. Il est enregistré quand vous cliquez ailleurs ou appuyez sur Entrée. À côté, l'icône **?** ouvre la documentation en ligne de ce type de bloc. 📖

### 📥 Une section par entrée
La fenêtre liste ensuite **une section par point d'entrée**, titrée avec le nom du point. Un bloc Dialogue en affiche trois : `in`, `dialogue` et `contenu`.

-   Point de **flux** (`in`) : la liste des blocs branchés, chacun avec un bouton **Déconnecter *Bloc (point)***. S'il y en a plusieurs, une ligne « Déconnecter tous les points » apparaît.
-   Point de **valeur** : le champ de saisie — sélecteur de personnage, éditeur de texte riche, onglets **Image / Effet sonore**, etc.

### 🧪 « Contenu test joué »
Cette section n'apparaît qu'**après un test** : elle rejoue ce que le bloc a réellement produit. 🔍

---

## 🪟 3. Manipuler les fenêtres

-   🤚 **Déplacer** : par la barre de titre. **Redimensionner** : par les bords gauche, droit ou bas (pas le haut).
-   🗂️ **Plusieurs à la fois** : oui. La fenêtre active est nette, les autres sont assombries ; un clic dessus les ramène devant.
-   ⬆️ **Double-clic sur la barre de titre** : bascule entre taille maximale et taille normale.
-   🖱️ **Clic droit sur la barre de titre** : maximiser, minimiser, coller la fenêtre sur un bord, la rendre semi-transparente, fermer cette fenêtre, toutes, ou toutes les autres.
-   ⌨️ **Raccourcis** : Échap ferme la fenêtre active ; Alt + ↑ / ↓ (Ctrl sur PC) maximise / minimise ; Alt + ← / → la colle à gauche / à droite ; Maj + Tab alterne entre les fenêtres.

🔺 **Changer de module ferme automatiquement toutes les fenêtres d'édition de bloc.** Finissez vos réglages avant de naviguer ailleurs.

---

## 🎨 4. « Éditer le style du bloc »

Ce lien s'affiche **en bas** de la fenêtre, et seulement pour certains blocs d'un module Chatbot : Alerte, Choix, Dialogue, Narrateur, Image, Saisie, Swipe, Notification, Fond, QTE, Sélection de fichier, Choix audio. Il ouvre une **seconde fenêtre** avec la section correspondante de l'apparence du module.

🔺 Ce réglage est **global au module** : le modifier change l'affichage de **tous** les blocs de la même famille. Si le bloc relève de plusieurs sections, survolez le lien pour choisir laquelle ouvrir.

---

## 💻 5. Les blocs à éditeur de code

Trois blocs remplacent les champs classiques par un véritable éditeur de code : **CSS**, **HTML5** et **Exécuter Javascript**. Ce dernier autocomplète les fonctions Celestory de lecture et d'écriture des points du graphe. 🚀

🔺 Votre code n'est enregistré que lorsque l'éditeur **perd le focus** : cliquez en dehors, ou fermez la fenêtre, avant de tester.

---

→ Prochaine étape : les doubles accolades, qui transforment un mot de votre texte en nouveau point d'entrée sur le bloc. ✨