> ## 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

> Füge Code-Blöcke mit Syntaxhervorhebung und Formatierungsoptionen hinzu.

Der Code-Editor von Craft ermöglicht es dir, Code direkt in deinen Dokumenten zu erstellen, zu bearbeiten und anzuzeigen. Er unterstützt über 30 Programmiersprachen, bietet für die meisten davon Syntaxhervorhebung und liefert ein klares, zuverlässiges Erlebnis für technisches Schreiben und Dokumentation.

<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" />

## Einfügen eines Code-Blocks

Verwende eine der folgenden Methoden, um an beliebiger Stelle in deinem Dokument einen Code-Block einzufügen:

* Gib `/code` ein und wähle **Insert Code Block**
* Wähle **Code Block** im Insert-Menü in der rechten Sidebar
* Gib drei Backticks ` ``` ` ein, um einen Code-Block einzufügen

<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" />

## Programmiersprache ändern

Lege die Programmiersprache für die richtige Syntaxhervorhebung fest:

<Steps>
  <Step>
    Klicke auf das Dreipunkt-Menü (⋯) oben rechts im Block.
  </Step>

  <Step>
    Klicke auf **Select Language** (das Code-Symbol).
  </Step>

  <Step>
    Wähle eine andere Sprache aus der Liste.
  </Step>

  <Step>
    Die Hervorhebung wird für unterstützte Sprachen sofort aktualisiert.
  </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" />

## Theme anpassen

Ändere das Erscheinungsbild deiner Code-Blöcke:

<Steps>
  <Step>
    Klicke auf das Dreipunkt-Menü (⋯) oben rechts im Block.
  </Step>

  <Step>
    Klicke auf **Select Theme** (das Pinsel-Symbol).
  </Step>

  <Step>
    Wähle dein bevorzugtes Theme aus der 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" />

## Hauptfunktionen

Der überarbeitete Code-Editor von Craft enthält mehrere Verbesserungen:

* **Craft KI-Assistent-Integration** - Arbeite direkt an deinem Code mit KI‑Unterstützung
* **Vollbildmodus** - Konzentriere dich ohne Ablenkung auf den Code
* **Keine Zeichenbegrenzung** - Lange Codeschnipsel werden vollständig unterstützt
* **Zeilenumbruch** - Bessere Lesbarkeit langer Zeilen
* **Verbesserte Stabilität** - Frühere Probleme mit verschwindenden Code-Blöcken wurden behoben
* **Sauberer, neu gestalteter Vollbildmodus** - Verbesserte Erfahrung auf macOS

Diese Änderungen machen das Schreiben und Pflegen technischer Inhalte flüssiger und vorhersehbarer.

## Einschränkungen

Der Code-Editor entwickelt sich noch weiter. Beachte folgende Verhaltensweisen:

* **Mathematische Formeln** - Du kannst einen Code-Block nicht mit dem Sprachwähler in eine mathematische Formel umwandeln. Mathematische Formeln müssen explizit mit `/menu → Insert TeX formula` oder über die Insert-Sidebar eingefügt werden.
* **Feste Höhe** - Code-Blöcke in der Dokumentansicht haben eine feste Höhe und scrollen nicht. Das verhindert Konflikte zwischen dem Seiten-Scrolling und dem Block-Scrolling.
* **Keine Syntaxhervorhebung** für folgende Sprachen: Ada, Dart, Haskell, Julia, Matlab, Objective-C, Perl, Prolog, Scala, VB.NET
* **Keine Autovervollständigung** - Funktionen zur Code-Autovervollständigung (z. B. automatisches Einfügen von schließenden Tags) werden nicht unterstützt, da sie nicht Teil von Runestone sind, der Grundlage unseres Code-Editors.
* **Performance auf älteren Geräten** - Die Leistung kann auf weniger leistungsfähigen Geräten beeinträchtigt sein, wenn viele Code-Blöcke auf derselben Seite hinzugefügt werden, obwohl die Gesamtleistung deutlich verbessert wurde.
* **Rechtschreibprüfung** - Das Verhalten der Rechtschreibprüfung wird von Safari oder den Systemeinstellungen gesteuert, nicht von Craft.

<Info title="KI-Assistent">
  Der Craft KI-Assistent kann direkt mit deinen Code-Blöcken arbeiten und dir beim Debuggen, Erklären oder Refaktorisieren von Code helfen - ohne dein Dokument verlassen zu müssen.
</Info>