Generador de cuadros de texto
Envuelve cualquier texto en un cuadro o borde dibujado con sencillos caracteres de línea Unicode. Escribe o pega tu texto, elige un estilo de marco, la alineación y el relleno, y luego copia el resultado. Es texto normal, no una imagen, así que el cuadro se pega en un comentario, un README, un bloque de código, un terminal o un chat, y nada sale de tu navegador.
Alineación
Relleno
Cómo usar Caja de Texto
- 1
Escribe o pega tu texto
Introduce el texto que quieres enmarcar. Una línea o muchas: el cuadro crece para ajustarse a la línea más ancha.
- 2
Elige un estilo de cuadro
Elige un marco como Simple, Redondeado, Doble, Grueso, ASCII, Discontinuo, Estrella o Bloque para que combine con el lugar donde lo vas a pegar.
- 3
Ajusta la alineación y el relleno
Alinea el texto a la izquierda, al centro o a la derecha dentro del cuadro, y añade relleno interior para dar un poco de aire alrededor de las palabras.
- 4
Copia y pega
El texto enmarcado aparece al instante debajo. Cópialo y colócalo en un comentario, un README, un bloque de código, un terminal o un chat.
Sobre cómo dibujar cuadros y bordes alrededor del texto
Qué son los caracteres de dibujo de cuadros
Mucho antes de los gráficos, los terminales dibujaban tablas, marcos y menús usando un bloque especial de caracteres Unicode hechos justo para eso: esquinas, líneas horizontales y verticales, y uniones que se enlazan a la perfección en un borde continuo. Esos mismos caracteres siguen funcionando en cualquier aplicación moderna, así que puedes enmarcar una nota o un título con un rectángulo de verdad en lugar de una fila de guiones que no llega a juntarse del todo en las esquinas.
Como cada glifo es texto normal, un cuadro que construyas aquí no es una imagen. Se copia y se pega como cualquier otra palabra, sobrevive a ser citado o editado, y puede leerlo cualquier cosa que lea texto, por lo que el texto enmarcado aparece en archivos README, herramientas de línea de comandos y comentarios de código por todas partes.
Un vistazo al interior del bloque de dibujo de cuadros de Unicode
Los glifos de línea provienen de un rango específico de Unicode llamado bloque Box Drawing, un conjunto de unos 128 caracteres diseñados en la era de los terminales de texto para que el software pudiera pintar tablas y ventanas. Contiene las cuatro esquinas, las líneas horizontales y verticales, y las uniones en forma de T y de cruz, en varios grosores: fino, grueso y doble. Las esquinas redondeadas que dan al estilo Redondeado su aspecto suave forman parte del mismo bloque, y por eso la curva se encuentra limpiamente con las líneas rectas.
Saber que existe este bloque explica por qué los marcos de aquí conectan a la perfección mientras que un borde de guiones y signos más tecleado a mano nunca lo logra del todo. Un glifo de esquina superior izquierda de verdad está hecho para encontrarse con una línea horizontal de verdad exactamente a la altura correcta, así que el rectángulo se cierra sin huecos, algo que las teclas de guion bajo y barra vertical de tu teclado no pueden prometer.
Elegir un estilo y una disposición
Los estilos de marco marcan el tono. Simple y Redondeado son discretos y pulcros para una nota pequeña; Doble y Grueso llaman más la atención, buenos para un título o un aviso; ASCII es la opción segura cuando no estás seguro de que el destino admita caracteres especiales, ya que usa solo las teclas más básicas. Estrella y Bloque son decorativos y destacan en un chat o un banner.
La alineación y el relleno controlan cómo se colocan las palabras dentro del marco. La alineación al centro va bien para un título corto, mientras que la de la izquierda resulta natural para una lista o una frase. Un relleno de uno o dos añade un margen de espacio para que el texto no toque el borde, lo que normalmente se lee mejor que un marco pegado a las letras.
Bordes Unicode frente al respaldo en ASCII
Aquí hay dos familias de marco, y elegir la correcta tiene que ver sobre todo con dónde vivirá el cuadro. Los estilos Unicode —Simple, Redondeado, Doble y Grueso— dibujan líneas nítidas y continuas y lucen al máximo en aplicaciones modernas que admiten por completo el bloque de dibujo de cuadros, que hoy es casi cualquier sitio. El estilo ASCII es deliberadamente más sencillo: construye el marco solo con las teclas más, menos y barra vertical, los caracteres que todos los sistemas han admitido desde el principio.
Recurre a ASCII cuando el destino sea antiguo, desconocido o estricto con los caracteres: un terminal heredado, un archivo de configuración, un correo en texto plano o código que deba mantenerse en ASCII puro. Las esquinas se verán algo más cuadradas porque un signo más está haciendo el trabajo de un glifo de esquina de verdad, pero el cuadro tiene garantizado mostrarse igual en todas partes. Para todo lo demás, los estilos Unicode dan un resultado más limpio.
Por qué importan las fuentes monoespaciadas, y un ejemplo práctico
Un cuadro dibujado solo se mantiene cuadrado cuando cada carácter ocupa el mismo ancho, que es el rasgo que define a una fuente monoespaciada, o de ancho fijo. En ese contexto, la línea superior, la inferior y las barras laterales miden todas el mismo número de columnas, así que el rectángulo se cierra con pulcritud. Escribe Hello en esta herramienta con un marco Simple y un relleno de uno y obtendrás una línea superior de esquinas y guiones, una línea central que dice │ Hello │ y una línea inferior a juego: tres filas cuyos bordes se alinean a la perfección en cualquier fuente de código.
Coloca ese mismo cuadro en un chat que use una fuente proporcional y la ilusión se rompe, porque una letra estrecha como la i ocupa menos espacio que una ancha como la m, lo que deja irregular el borde derecho. La solución es poner el cuadro donde mande una fuente de ancho fijo —un bloque de código o un terminal— en lugar de cambiar el cuadro en sí.
Alinear cuadros que contienen caracteres anchos
La mayoría de las letras y los dígitos ocupan una columna, pero algunos caracteres ocupan dos. Los emojis y el texto en chino, japonés y coreano son de doble ancho en un terminal, así que la herramienta puede contarlos como un solo carácter mientras la pantalla los dibuja a lo largo de dos columnas. El resultado es un cuadro cuyo borde derecho parece desplazado una columna aunque el texto subyacente sea rectangular: el recuento es correcto, pero la representación es más ancha.
Esto es una propiedad de cómo las fuentes muestran esos sistemas de escritura, no un defecto del cuadro. Si un marco alrededor de emojis o de texto CJK se ve desigual, un estilo Simple o ASCII llano es el que mejor tolera la diferencia, y añadir un poco de relleno puede ocultar un desplazamiento de una columna. Para resultados perfectamente cuadrados, mantén el contenido en caracteres de un solo ancho.
Usar bien el texto enmarcado
El texto enmarcado luce cuando resalta algo: un título en la parte superior de un README, una nota en un comentario de código, un banner ASCII en un programa de terminal o un mensaje destacado en un bloque de código de un foro. Recurre a un cuadro cuando un bloque de texto merece un marco visible, y mantén el contenido corto para que el rectángulo conserve un ancho razonable.
La única regla que importa es la fuente. Un cuadro solo se mantiene cuadrado en un entorno monoespaciado, así que pégalo donde se use una fuente de ancho fijo, y prefiere un estilo de línea simple si no puedes estar seguro. En GitHub, Discord, Reddit y Slack eso significa envolver el cuadro en un bloque de código, lo que fuerza una fuente de ancho fijo y mantiene todos los bordes alineados.
Preguntas frecuentes
¿Qué es un generador de cuadros de texto?
¿Cómo copio el cuadro?
¿Dónde se ve mejor el texto enmarcado?
¿Por qué el cuadro se ve torcido en algunas aplicaciones?
¿Cuál es la diferencia entre los estilos?
¿Se envía mi texto a algún sitio?
Herramientas relacionadas
Sigue trabajando con estas prácticas herramientas