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

# Código

> Agrega bloques de código con resaltado de sintaxis y opciones de formato.

El Editor de código de Craft te permite crear, editar y mostrar código directamente dentro de tus Documentos. Soporta más de 30 lenguajes de programación, ofrece resaltado de sintaxis para la mayoría y brinda una experiencia limpia y fiable para redacción técnica y documentación.

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

## Insertar un Bloque de código

Agrega un bloque de código en cualquier parte de tu Documento usando uno de estos métodos:

* Escribe `/code` y selecciona **Insertar Bloque de código**
* Elige **Bloque de código** desde el menú Insert en la sidebar derecha
* Escribe tres backticks ` ``` ` para insertar un bloque de código

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

## Cambiar el lenguaje

Configura el lenguaje de programación para obtener el resaltado de sintaxis correcto:

<Steps>
  <Step>
    Haz clic en el menú de tres puntos (⋯) en la esquina superior derecha del bloque.
  </Step>

  <Step>
    Haz clic en **Select Language** (el ícono de código).
  </Step>

  <Step>
    Elige un lenguaje diferente de la lista.
  </Step>

  <Step>
    El resaltado se actualiza inmediatamente para los lenguajes compatibles.
  </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" />

## Personalizar el tema

Cambia la apariencia visual de tus bloques de código:

<Steps>
  <Step>
    Haz clic en el menú de tres puntos (⋯) en la esquina superior derecha del bloque.
  </Step>

  <Step>
    Haz clic en **Select Theme** (el ícono de la brocha).
  </Step>

  <Step>
    Elige tu tema preferido de la lista.
  </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" />

## Características clave

El Editor de código actualizado de Craft incluye varias mejoras:

* **Integración con el Asistente de IA de Craft** - Trabaja tu código directamente con IA
* **Modo de pantalla completa** - Concéntrate en el código sin distracciones
* **Sin límite de caracteres** - Las muestras de código largas son totalmente compatibles
* **Ajuste de líneas** - Mejor legibilidad para líneas largas
* **Mayor estabilidad** - Se resolvieron problemas anteriores con bloques de código que desaparecían
* **Modo de pantalla completa limpio y rediseñado** - Experiencia mejorada en macOS

Estos cambios hacen que escribir y mantener contenido técnico sea más fluido y predecible.

## Limitaciones

El Editor de código aún está en evolución. Ten en cuenta estos comportamientos:

* **Fórmulas matemáticas** - No puedes convertir un bloque de código en una fórmula matemática usando el selector de lenguaje. Las fórmulas matemáticas deben insertarse explícitamente usando `/menu → Insert TeX formula` o la sidebar Insert.
* **Altura fija** - Los bloques de código en la vista del Documento tienen una altura fija y no hacen scroll. Esto evita conflictos entre el desplazamiento de la página y el desplazamiento del bloque.
* **Sin resaltado de sintaxis** para estos lenguajes: Ada, Dart, Haskell, Julia, Matlab, Objective-C, Perl, Prolog, Scala, VB.NET
* **Sin autocompletado** - Las funciones de autocompletado de código (como añadir automáticamente etiquetas de cierre) no están soportadas, ya que no forman parte de Runestone, la base de nuestro Editor de código.
* **Rendimiento en dispositivos antiguos** - El rendimiento puede verse afectado en dispositivos menos potentes si se añaden muchos bloques de código en la misma página, aunque el rendimiento general ha mejorado significativamente.
* **Corrector ortográfico** - El comportamiento del corrector ortográfico lo controlan Safari o los ajustes del sistema, no Craft.

<Info title="Asistente de IA">
  El Asistente de IA de Craft puede trabajar directamente con tus bloques de código, ayudándote a depurar, explicar o refactorizar código sin salir de tu Documento.
</Info>