Saltar al contenido principal
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. Code editor overview Code editor fullscreen mode

​
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
Inserting a code block

​
Cambiar el lenguaje

Configura el lenguaje de programación para obtener el resaltado de sintaxis correcto:
1
Haz clic en el menú de tres puntos (⋯) en la esquina superior derecha del bloque.
2
Haz clic en Select Language (el ícono de código).
3
Elige un lenguaje diferente de la lista.
4
El resaltado se actualiza inmediatamente para los lenguajes compatibles.
Selecting a programming language

​
Personalizar el tema

Cambia la apariencia visual de tus bloques de código:
1
Haz clic en el menú de tres puntos (⋯) en la esquina superior derecha del bloque.
2
Haz clic en Select Theme (el ícono de la brocha).
3
Elige tu tema preferido de la lista.
Selecting a code theme

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