Saltar al contenido
TextArray
Totalmente local

Generador de caja ASCII

Dibuja un borde limpio (simple, doble, redondeado o ASCII clásico) alrededor de cualquier texto.

Entrada
Salida

Generador de caja ASCII

Un cuadro alrededor de una línea de texto es el truco más antiguo en el diseño de texto plano, y todavía funciona: un banner README, un bloque de advertencia en un comentario de código, un encabezado en un archivo de configuración, una cita enmarcada en un MOTD de terminal. Dibujarlo a mano significa contar caracteres y volver a contarlos después de cada edición. Aquí el cuadro se dibuja a sí mismo: pega el texto y la línea más ancha establece el marco, en vivo, a medida que escribes.

Siete estilos de borde cubren los gustos habituales. Los estilos simple, doble, redondeado y negrita utilizan caracteres de dibujo de cuadro Unicode adecuados, que se alinean perfectamente en cualquier fuente monoespaciada. ASCII simple (+---+) es la opción conservadora para entornos donde sólo los caracteres de 7 bits son seguros: terminales antiguos, linters estrictos, correo electrónico. Las estrellas y los hashes dan el aspecto clásico de banner de los bloques de comentarios de C y Shell, respectivamente.

Dentro del marco, el texto puede estar centrado (el valor predeterminado, a la derecha para los banners) o alineado a la izquierda o a la derecha para contenido que se lee en prosa o números. El relleno agrega espacio para respirar entre el texto y el borde, desde un cero ajustado hasta veinte columnas espaciosas. La entrada de varias líneas es bienvenida: cada línea se rellena hasta el ancho de la más larga, las líneas vacías permanecen como espacios visuales y los espacios en blanco finales se recortan para que no puedan sesgar el ancho.

Todo se ejecuta localmente en su navegador. Una cosa que debes saber: las fuentes de celdas de caracteres representan emoji con el doble de ancho, por lo que un cuadro alrededor de texto con muchos emojis puede verse un poco fuera de lugar en algunos editores: las letras, los dígitos y los caracteres acentuados se alinean exactamente.

Preguntas frecuentes

¿Por qué mi cuadro se ve torcido cuando el texto tiene emoji?
Las fuentes monoespaciadas hacen que la mayoría de los emoji tengan dos columnas de ancho, pero la matemática del cuadro los cuenta como un carácter. Las letras, dígitos y caracteres acentuados se alinean perfectamente; para contenido con muchos emojis, espere una columna de deriva en algunos editores.
¿Qué estilo es más seguro para comentarios de código y correo electrónico?
ASCII simple (+---+). Utiliza sólo caracteres de 7 bits, por lo que cada terminal, linter, herramienta de diferenciación y cliente de correo lo representa de manera idéntica. Los estilos Unicode se ven mejor dondequiera que se dé UTF-8, lo que hoy en día está en casi todas partes.
¿Cómo hago un bloque de comentarios para mi código?
Dibuje el cuadro con las estrellas o el estilo hash, luego agregue el prefijo de comentario de su idioma delante de cada línea, con la herramienta Agregar prefijo y sufijo, o pegándolo dentro de un comentario de bloque donde no se necesita prefijo.
¿Qué pasa con las líneas vacías y los espacios finales?
Las líneas vacías dentro del texto permanecen como filas en blanco en el cuadro, lo que resulta útil para espaciar un título de un subtítulo. Los espacios finales se recortan antes de medir para que un carácter invisible no pueda hacer que el cuadro sea más ancho de lo que parece.
¿Mi texto está subido a alguna parte?
No. El cuadro se dibuja completamente en su navegador y su texto nunca sale de su dispositivo.