> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Code

> Ajoutez des Blocs de code avec coloration syntaxique et options de formatage.

L'Éditeur de code de Craft vous permet de créer, modifier et afficher du code directement dans vos Document. Il prend en charge plus de 30 langages de programmation, offre la coloration syntaxique pour la plupart d'entre eux, et fournit une expérience claire et fiable pour la rédaction technique et la documentation.

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/code-editor-overview.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=3917ee7a689ab58b810fe902536a91d4" alt="Code editor overview" width="957" height="824" data-path="images/write-and-edit/code/en/content/code-editor-overview.png" />

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/code-editor-fullscreen.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=458581dfeb0edfd991c68d1c73e80f98" alt="Code editor fullscreen mode" width="999" height="881" data-path="images/write-and-edit/code/en/content/code-editor-fullscreen.png" />

## Insérer un Bloc de code

Ajoutez un Bloc de code n'importe où dans votre Document en utilisant l'une des méthodes suivantes :

* Tapez `/code` et sélectionnez **Insert Code Block**
* Choisissez **Code Block** dans le menu Insert de la sidebar droite
* Tapez trois backticks ` ``` ` pour insérer un Bloc de code

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/insert-code-block.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=487f2ed842a6c236003b0d02fcd4b9a2" alt="Inserting a code block" width="1256" height="1101" data-path="images/write-and-edit/code/en/content/insert-code-block.png" />

## Changer la langue

Définissez le langage de programmation pour obtenir la coloration syntaxique appropriée :

<Steps>
  <Step>
    Cliquez sur le three-dot menu en haut à droite du Bloc.
  </Step>

  <Step>
    Cliquez sur **Select Language** (l'icône de code).
  </Step>

  <Step>
    Choisissez un autre langage dans la liste.
  </Step>

  <Step>
    La coloration se met à jour immédiatement pour les langages pris en charge.
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/select-language.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=8d145448ae29857836217cf627895393" alt="Selecting a programming language" width="999" height="881" data-path="images/write-and-edit/code/en/content/select-language.png" />

## Personnaliser le thème

Modifiez l'apparence visuelle de vos Blocs de code :

<Steps>
  <Step>
    Cliquez sur le three-dot menu en haut à droite du Bloc.
  </Step>

  <Step>
    Cliquez sur **Select Theme** (l'icône du pinceau).
  </Step>

  <Step>
    Choisissez le thème souhaité dans la liste.
  </Step>
</Steps>

<img src="https://mintcdn.com/craft-support/crCjmeXe7Wo0HfP_/images/write-and-edit/code/en/content/select-theme.png?fit=max&auto=format&n=crCjmeXe7Wo0HfP_&q=85&s=371bb814edd2b827a47e4f7ed5a19622" alt="Selecting a code theme" width="999" height="881" data-path="images/write-and-edit/code/en/content/select-theme.png" />

## Principales fonctionnalités

L'Éditeur de code mis à jour de Craft inclut plusieurs améliorations :

* **Intégration de l'Assistant IA de Craft** – Travaillez sur votre code directement avec l'IA
* **Mode plein écran** – Concentrez-vous sur le code sans distractions
* **Aucune limite de caractères** – Les longs exemples de code sont entièrement pris en charge
* **Gestion du retour à la ligne** – Meilleure lisibilité pour les longues lignes
* **Stabilité améliorée** – Les problèmes passés de disparition des Blocs de code ont été résolus
* **Mode plein écran repensé et épuré** – Expérience améliorée sur macOS

Ces changements rendent la rédaction et la maintenance de contenu technique plus fluides et plus prévisibles.

## Limitations

L'Éditeur de code est encore en évolution. Gardez ces comportements à l'esprit :

* **Formules mathématiques** : Vous ne pouvez pas convertir un Bloc de code en formule mathématique via le sélecteur de langage. Les formules mathématiques doivent être insérées explicitement en utilisant `/menu → Insert TeX formula` ou la sidebar Insert.
* **Hauteur fixe** : Les Blocs de code dans la vue Document ont une hauteur fixe et ne défilent pas. Cela évite les conflits entre le défilement de la page et le défilement du Bloc.
* **Pas de coloration syntaxique** pour ces langages : Ada, Dart, Haskell, Julia, Matlab, Objective-C, Perl, Prolog, Scala, VB.NET
* **Pas d'auto-complétion** : Les fonctions d'auto-complétion (comme l'ajout automatique de balises de fermeture) ne sont pas prises en charge, car elles ne font pas partie de Runestone, la base de notre Éditeur de code.
* **Performances sur les appareils anciens** : Les performances peuvent être affectées sur des appareils moins puissants si de nombreux Blocs de code sont ajoutés à la même page, bien que les performances globales aient été nettement améliorées.
* **Correction orthographique** : Le comportement de la correction orthographique est contrôlé par Safari ou les réglages système, et non par Craft.

<Info title="Assistant IA">
  L'Assistant IA de Craft peut travailler directement avec vos Blocs de code, vous aidant à déboguer, expliquer ou refactoriser du code sans quitter votre Document.
</Info>