Bloque de código
Bloque de código añade al lienzo un fragmento de código con resaltado de sintaxis. Es ideal para enriquecer dibujos de arquitectura con código de ejemplo, bloques de configuración o llamadas a API. La ventana tiene dos paneles: un editor de código fuente a la izquierda y una vista previa en vivo de cómo se verá en el lienzo a la derecha.
Cómo abrirlo
Sección titulada «Cómo abrirlo»Más herramientas (⋯) → Bloque de código en la barra de herramientas inferior.
Cómo usarlo
Sección titulada «Cómo usarlo»- Abre Más herramientas → Bloque de código.
- Elige el lenguaje en el menú de lenguaje de la parte superior derecha (JavaScript, TypeScript, JSX, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, JSON, YAML, Bash, CSS, texto plano).
- Escribe/pega el código en la casilla de la izquierda; se muestran los números de línea junto con el recuento de líneas/caracteres, y la vista previa de la derecha aplica el resaltado al instante.
- Usa Añadir para colocarlo en el lienzo (o
Ctrl/⌘ + Enter). Para editar, haz doble clic en el elemento (el botón se convierte en Guardar).
| Tecla | Acción |
|---|---|
Ctrl/⌘ + Enter | Añadir / Guardar |
Tab | Insertar una sangría de 2 espacios (el foco no salta) |
Puedes copiar el código al portapapeles con el botón Copiar del panel de vista previa.
- El resaltado se realiza con un tokenizador integrado y sin dependencias; no hay ninguna biblioteca externa ni petición de red.
- El elemento de código se renderiza como una capa HTML; por lo tanto no aparece en las exportaciones visuales PNG/SVG/PDF (es visible en el lienzo y en una sesión compartida).