Volver al blog

Edita código y Markdown sin salir de Nubbo: editor integrado

Hasta ahora, abrir un README.md, un config.json o un script .py en Nubbo significaba descargarlo, editarlo en otra herramienta y volver a subirlo. Hoy lanzamos el editor integrado: pulsa Editar en cualquier archivo de código o Markdown y empieza a escribir directamente sobre tu bucket, sin pasar por el disco.

Qué ha cambiado

El visor del explorador ahora reconoce los archivos editables. Si abres un .ts, un .yml, un .json o cualquier otro archivo de código o texto, aparece un botón Editar al lado de Descargar. Los Markdown abren directamente como vista previa renderizada con la opción de saltar a edición. Todo el contenido se guarda con un PUT directo a tu proveedor de almacenamiento, igual que ya lo hacían las subidas.

Editor de código

El editor para código y archivos de texto usa Monaco, el mismo motor que VS Code, con detección automática de lenguaje por extensión (más de cien lenguajes soportados de base) y resaltado de sintaxis completo. Si la extensión no se reconoce, cae a modo texto plano, así que cualquier .log, .csv o archivo sin extensión también es editable.

Editor de código integrado de Nubbo con resaltado de sintaxis sobre un archivo TypeScript

Lo que esperarías de un editor moderno está dentro: búsqueda y reemplazo, multi-cursor, sangría automática, atajos de teclado de VS Code, ajuste de línea, control de tamaño de fuente y minimapa. Y como Monaco es lazy, no se carga hasta que abres tu primer archivo, así que el resto de la aplicación sigue rápida.

Markdown: edición y previsualización

Los archivos .md se abren primero en modo lectura, con el contenido renderizado: encabezados, listas, tablas, bloques de código con resaltado, HTML inline y citas. Es la vista por defecto cuando solo quieres echar un vistazo a un README sin tocarlo.

Previsualización de Markdown renderizada en el visor de Nubbo

Cuando pulsas Editar, el archivo se abre en Monaco en modo Markdown, con resaltado de sintaxis y los mismos atajos que cualquier otro archivo. Editas, guardas y al volver al visor ves el resultado renderizado.

Edición de Markdown en Nubbo con Monaco en modo Markdown

Guardado seguro contra cambios concurrentes

Cuando abres un archivo para editarlo, Nubbo recuerda su versión en ese momento (mediante el ETag de S3). Si al guardar el archivo ha cambiado fuera de Nubbo (otra pestaña, otro dispositivo, un compañero), aparece un diálogo avisando del conflicto. Tú decides: recargar para descartar tus cambios y traer la versión nueva, o cerrar el diálogo para copiar tu trabajo antes de continuar. Nada se sobrescribe a ciegas.

Detalles que importan

  • Límite de 25 MB por archivo. Los editores se vuelven lentos con archivos enormes y no es el caso de uso. Si superas el límite, te ofrecemos descargarlo en su lugar.
  • Aviso de cambios sin guardar. Cerrar el modal, navegar a otra página o refrescar con cambios pendientes dispara una confirmación antes de perder el trabajo.
  • Idioma sincronizado. La interfaz del editor (menús, búsquedas, paneles) sigue el idioma que tengas configurado en Nubbo, español o inglés.
  • Cero almacenamiento por parte de Nubbo. Igual que el resto de transferencias, la edición usa URLs prefirmadas para leer y escribir directamente entre tu navegador y tu proveedor. Nubbo no copia, lee ni almacena el contenido.

¿Quieres probarlo? Inicia sesión en Nubbo y abre cualquier archivo de código o Markdown desde tus buckets.