¿Qué es el Editor de Diagramas ASCII?

El Editor de Diagramas ASCII es una herramienta interactiva para crear diagramas, organigramas e ilustraciones usando caracteres de texto plano. Admite tanto caracteres ASCII tradicionales (+, -, |) como caracteres Unicode para dibujo de cuadros (┌, ─, │, →) para visuales más limpios.

Los diagramas basados en texto se utilizan ampliamente en documentación, comentarios de código, archivos README y especificaciones técnicas porque funcionan en todas partes — no se necesita software especial ni visores de imágenes.

¿Por qué usar diagramas de texto?

Compatibilidad universal

Se muestra correctamente en cualquier editor de texto, terminal o visor de código sin software especial

Amigable con control de versiones

Los diffs y fusiones funcionan naturalmente con texto plano, perfecto para flujos de trabajo Git

Ligero

Sin archivos de imagen que gestionar, alojar o preocuparse por enlaces rotos

Listo para copiar y pegar

Comparte diagramas instantáneamente en correos electrónicos, chat o documentación

Table of Contents

1. ¿Qué es el Editor de Diagramas ASCII?
- 1.1. ¿Por qué usar diagramas de texto?
2. Cómo usar
3. Características
4. Preguntas frecuentes

Cómo usar

Herramientas de dibujo

Selecciona una herramienta de dibujo de la barra de herramientas o usa atajos de teclado para acceso rápido:

Rectángulo (B)

Haz clic y arrastra para dibujar rectángulos con esquinas y bordes adecuados

Línea (L)

Dibuja líneas horizontales o verticales arrastrando

Flecha (A)

Dibuja líneas con puntas de flecha direccionales en el punto final

Texto (T)

Haz clic en cualquier lugar del lienzo y comienza a escribir etiquetas

Borrador (E)

Haz clic o arrastra para eliminar caracteres del lienzo

Seleccionar (V)

Selecciona una región para moverla, copiarla o eliminarla

Conjuntos de caracteres

Alterna entre dos estilos de caracteres usando los botones de conjunto de caracteres:

ASCII

Caracteres básicos

Usa caracteres clásicos: +--+, |, >, <

Funciona en todas partes
Compatibilidad máxima
Seguro para terminal

Unicode

Caracteres para dibujo de cuadros

Usa caracteres dedicados: ┌──┐, │, →, ←

Apariencia más limpia
Aspecto profesional
Requiere soporte Unicode

Trabajar con selecciones

Usa la herramienta Seleccionar para interactuar con contenido existente:

Activar herramienta Seleccionar

Presiona V o haz clic en el botón Seleccionar en la barra de herramientas

Crear selección

Haz clic y arrastra para crear un área de selección alrededor de tu contenido

Mover o editar

Arrastra el área seleccionada para moverla, presiona Delete para limpiar, o Ctrl+C para copiar

Exportar tu diagrama

Cuando tu diagrama esté listo, elige tu método de exportación:

Copiar — copia todo el contenido del lienzo a tu portapapeles para pegarlo inmediatamente
Exportar — descarga tu diagrama como archivo .txt para guardar o compartir

Consejo profesional: Ambas opciones de exportación recortan automáticamente los espacios en blanco finales para un resultado limpio y profesional.

Características

Herramientas de dibujo

Seis herramientas especializadas cubren todas las necesidades comunes de diagramación. Dibuja rectángulos para contenedores, líneas para conexiones, flechas para dirección, y añade etiquetas de texto — todo con vista previa en vivo mientras arrastras.

Conjuntos de caracteres duales

Alterna entre caracteres ASCII y Unicode para dibujo de cuadros en cualquier momento. El modo ASCII usa caracteres clásicos compatibles con cualquier sistema, mientras que el modo Unicode produce diagramas más limpios y pulidos.

Seleccionar y mover

La herramienta Seleccionar te permite recoger partes de tu diagrama y reposicionarlas. Selecciona una región, luego arrástrala a una nueva ubicación. También puedes eliminar o copiar contenido seleccionado.

Historial completo de deshacer/rehacer

Cada cambio se rastrea con hasta 50 estados de historial. Usa Ctrl+Z y Ctrl+Y para recorrer tu historial de edición.

Lienzo ajustable

Redimensiona el ancho del lienzo de 20 a 200 columnas para ajustar tu diagrama. El fondo de cuadrícula se alinea automáticamente con celdas de caracteres para una colocación precisa.

Atajos de teclado

Cambio rápido de herramientas con atajos de una sola tecla: V (Seleccionar), B (Rectángulo), L (Línea), A (Flecha), T (Texto), E (Borrador). Combinados con atajos Ctrl para deshacer, rehacer y copiar.

Opciones de exportación

Copia tu diagrama al portapapeles para pegarlo inmediatamente, o descárgalo como archivo de texto plano. Los espacios en blanco finales se recortan automáticamente para un resultado limpio.

Tus datos permanecen privados

Todo el dibujo ocurre en tu navegador. Sin cargas — tus diagramas nunca salen de tu dispositivo. Sin seguimiento — no recopilamos datos de uso.

Privacidad primero: Esta herramienta se ejecuta completamente en tu navegador. Tus diagramas nunca se cargan en ningún servidor, garantizando privacidad y seguridad completas.

Preguntas frecuentes

¿Cuál es la diferencia entre el modo ASCII y Unicode?

El modo ASCII usa caracteres básicos como +, -, | que funcionan en todos los entornos de texto. El modo Unicode usa caracteres dedicados para dibujo de cuadros como ┌, ─, │ que producen diagramas más limpios pero requieren soporte Unicode en el visor.

Usa ASCII cuando: Se necesita compatibilidad máxima (terminales, sistemas heredados, correos electrónicos de texto plano)

Usa Unicode cuando: Quieres diagramas de aspecto profesional en documentación moderna

¿Puedo cambiar conjuntos de caracteres después de dibujar?

Sí, pero cambiar solo afecta nuevos dibujos. Los caracteres existentes en el lienzo permanecen sin cambios. Esto te permite mezclar ambos estilos en un solo diagrama si es necesario.

Consejo: Puedes crear diagramas híbridos dibujando la estructura principal en Unicode para líneas limpias, luego añadiendo anotaciones ASCII para compatibilidad máxima.

¿Cuál es el tamaño máximo del lienzo?

El lienzo admite:

Ancho: 20 a 200 columnas
Alto: 10 a 100 filas
Tamaño predeterminado: 100 columnas × 30 filas

El tamaño predeterminado funciona bien para la mayoría de diagramas y se ajusta cómodamente en documentación sin desplazamiento horizontal.

¿Cómo muevo parte de un diagrama?

Cambia a la herramienta Seleccionar presionando V
Arrastra para crear una selección alrededor del área que quieres mover
Arrastra el contenido seleccionado a su nueva posición
Haz clic fuera de la selección para deseleccionar

También puedes presionar Delete para eliminar el contenido seleccionado o Ctrl+C para copiarlo a tu portapapeles.

¿Puedo deshacer mis cambios?

Sí, el editor admite funcionalidad completa de deshacer y rehacer:

Presiona Ctrl+Z para deshacer tu última acción
Presiona Ctrl+Y para rehacer una acción deshecha
Se preservan hasta 50 estados de historial

Cada acción de dibujo, entrada de texto y eliminación se rastrea, dándote control completo sobre tu historial de edición.

¿Cómo exporto mi diagrama?

Tienes dos opciones de exportación:

Copiar

Exportación al portapapeles

Haz clic en el botón Copiar
El diagrama se copia al portapapeles
Pega directamente en documentos

Exportar

Descarga de archivo

Haz clic en el botón Exportar
Se descarga como archivo .txt
Guarda para más tarde o comparte

Ambas opciones recortan automáticamente los espacios en blanco finales para un resultado limpio y profesional.

¿Funciona esta herramienta en dispositivos móviles?

Sí, el editor admite entrada táctil para dibujar. Sin embargo, para la mejor experiencia con colocación precisa de caracteres, se recomienda un navegador de escritorio con ratón o trackpad.

Limitaciones móviles: La selección basada en táctil y la colocación precisa de caracteres pueden ser desafiantes en pantallas pequeñas. Para diagramas complejos, recomendamos usar un dispositivo de escritorio.