> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Canvas

> Sélectionnez, modifiez, réorganisez et redimensionnez les blocs directement sur le canevas, l'espace de travail visuel de l'éditeur de signatures Scribe.

Le canvas est la zone centrale de l'éditeur dans laquelle vous voyez et manipulez votre signature au fur et à mesure de sa construction. Il fonctionne comme un outil de design visuel : cliquez pour sélectionner, glissez pour réorganiser et modifiez le texte en ligne, le tout pendant que le panneau d'arborescence et le panneau de style restent synchronisés.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-editor-overview-full.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=43103cb126a92c2c6b71e934c69bc1fc" alt="Canvas de l'éditeur Scribe avec blocs de signature et panneaux" width="3456" height="1928" data-path="images/canvas-editor-overview-full.png" />
</Frame>

## Sélectionner les blocs

Cliquez sur n'importe quel bloc du canvas pour le sélectionner. Une bordure bleue apparaît autour du bloc sélectionné, et :

* L'élément correspondant est mis en évidence dans le **panneau d'arborescence**
* Le **panneau de style** à droite se met à jour pour afficher les paramètres de ce bloc

Le fonctionnement est réciproque. Cliquer sur un bloc dans le panneau d'arborescence le sélectionne également sur le canvas et le fait défiler à l'écran.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-block-selected-blue-border.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=c8cc218981ed8bf4dcfc88c135fcae8b" alt="Bloc du canvas sélectionné avec bordure bleue et panneau de style" width="3456" height="1928" data-path="images/canvas-block-selected-blue-border.png" />
</Frame>

<Tip>
  Pour les blocs imbriqués (comme un élément de texte à l'intérieur d'une colonne), cliquez une fois pour sélectionner le conteneur parent, puis cliquez à nouveau pour sélectionner le bloc enfant qu'il contient.
</Tip>

## Modifier le texte en ligne

Pour les blocs de texte, vous pouvez modifier le contenu directement sur le canvas. Cliquez sur un bloc de texte pour le sélectionner, puis cliquez à nouveau pour placer votre curseur et commencer à saisir. Vous pouvez sélectionner des mots ou des phrases pour appliquer une mise en forme depuis le panneau de style.

Lorsque vous modifiez du texte en ligne, le panneau de style affiche les commandes au niveau du texte : police, taille, couleur, hauteur de ligne et options de mise en forme (gras, italique, majuscules, barré, souligné).

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-text-inline-editing.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=f672931097ae87ea925ca6ebf2780fb1" alt="Bloc de texte en mode d'édition en ligne sur le canvas" width="3456" height="1930" data-path="images/canvas-text-inline-editing.png" />
</Frame>

<Note>
  Les blocs de texte connectés à un Smartfield (comme Nom ou Intitulé de poste) affichent la valeur du Smartfield sur le canvas. Vous ne pouvez pas modifier la valeur elle-même ici, puisqu'elle est extraite de votre source de données. Vous pouvez en revanche styliser son apparence.
</Note>

## Ajouter des lignes et des colonnes

Faites un clic droit sur n'importe quel bloc du canvas pour ouvrir un menu contextuel avec deux options : **Ajouter une ligne** et **Ajouter une colonne**. Vous pouvez ainsi regrouper rapidement des blocs sans quitter le canvas.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-right-click-context-menu.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=a5df92eb1060a397f1cc6381858ef144" alt="Menu contextuel du clic droit affichant les options Ajouter une ligne et Ajouter une colonne" width="3456" height="1928" data-path="images/canvas-right-click-context-menu.png" />
</Frame>

Par exemple, pour placer deux boutons côte à côte, sélectionnez l'un d'eux, faites un clic droit et choisissez **Ajouter une colonne**. Le bloc sélectionné est alors intégré dans un nouveau conteneur de colonne, ce qui permet d'y déposer facilement un autre bloc à côté. Choisissez **Ajouter une ligne** lorsque vous souhaitez empiler des éléments verticalement dans un conteneur partagé.

C'est particulièrement utile pour créer des mises en page comme une rangée d'icônes de réseaux sociaux, une paire de boutons d'appel à l'action ou toute section où plusieurs blocs doivent être regroupés et alignés ensemble.

## Réorganiser les blocs

Faites glisser n'importe quel bloc sur le canvas pour le réorganiser au sein de son conteneur. Pendant le glissement, une bordure bleue en pointillés indique où le bloc se placera au moment du relâchement.

Vous pouvez également réorganiser les blocs en les faisant glisser dans le panneau d'arborescence. Le résultat est identique.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-block-drag-reorder.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=a510ddd4e8c403d6fa94a35d7d6eb44c" alt="Bloc en cours de glissement pour réorganisation avec indicateur de dépôt bleu en pointillés" width="3456" height="1929" data-path="images/canvas-block-drag-reorder.png" />
</Frame>

## Redimensionner

Certains blocs (comme les images) affichent des poignées de redimensionnement (petits carrés bleus) sur les bords et les coins lorsqu'ils sont sélectionnés. Faites glisser ces poignées pour redimensionner le bloc directement sur le canvas. Les dimensions exactes se mettent à jour en temps réel dans le panneau de style.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-image-resize-handles.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=43adfd56f04195f6f0092cf1e6dcc7e0" alt="Bloc image avec poignées de redimensionnement bleues sur le canevas" width="3456" height="1930" data-path="images/canvas-image-resize-handles.png" />
</Frame>

## Naviguer dans le canevas

Le canevas est un espace de travail infini. Utilisez la [barre d'actions](/fr/editor/action-bar) en bas pour zoomer et dézoomer, ou activez l'outil main pour vous déplacer sans sélectionner accidentellement des blocs.

<Frame>
  <img src="https://mintcdn.com/scribe/Z_G2D9X-Tlrxu_Eh/images/canvas-action-bar-zoom-controls.png?fit=max&auto=format&n=Z_G2D9X-Tlrxu_Eh&q=85&s=21abcbc64fe94aad3a79258f30c95881" alt="Barre d'actions avec contrôles de zoom et outil main en bas du canevas" width="3448" height="1908" data-path="images/canvas-action-bar-zoom-controls.png" />
</Frame>
