¿Qué es el texto enmarcado?

El texto enmarcado es texto rodeado por un borde formado por caracteres, como ┌───┐, │ y └───┘. Unicode incluye todo un bloque de caracteres para dibujar bordes con líneas sencillas, dobles, gruesas, redondeadas y discontinuas que se unen formando esquinas uniformes en una fuente monoespaciada. El texto enmarcado se utiliza en encabezados de comentarios de código, notas de README, mensajes de terminal y publicaciones de chat que necesitan destacar.

Descripción de la herramienta

Esta herramienta dibuja un borde alrededor del texto. Elige un estilo de borde, alinea las líneas a la izquierda, al centro o a la derecha, y añade espacio dentro del cuadro. Puedes colocar un título en el borde superior y crear tu propio borde con cualquier carácter. El cuadro se amplía para adaptarse a la línea más larga, y cada fila se rellena para que el borde derecho quede alineado.

Funciones

  • Bordes Unicode sencillos, dobles, redondeados, gruesos, discontinuos y mixtos
  • Bordes de ASCII, asteriscos, almohadillas, bloques sólidos, sombreados y semibloques
  • Bordes personalizados con tus propios caracteres para las esquinas, la parte superior e inferior y los laterales, que pueden tener más de un carácter de longitud
  • Alineación a la izquierda, al centro o a la derecha para texto de varias líneas
  • Espacio a la izquierda y a la derecha, y líneas vacías encima y debajo
  • Un título en el borde superior, como ┌─ Nota ─────┐
  • Copiar el resultado o descargarlo como archivo de texto

Cómo funciona

La herramienta mide cada línea en celdas monoespaciadas. La mayoría de los caracteres ocupan una celda, mientras que los caracteres chinos, japoneses y coreanos, así como la mayoría de los emoji, ocupan dos; por eso la herramienta los cuenta como dos al rellenar las líneas. Las tabulaciones se convierten en cuatro espacios y los espacios finales se eliminan. Un borde superior o inferior formado por varios caracteres se repite para llenar el ancho y se corta cuando alcanza la longitud adecuada.

Consejos

  • Pega el cuadro en un bloque de código (tres comillas invertidas en Markdown, Discord o Slack) para que se muestre con una fuente monoespaciada. En una fuente proporcional, el borde derecho no quedará alineado.
  • Para un comentario de código fuente, utiliza el estilo ASCII o de asteriscos, o añade después los caracteres de comentario, como // o #, delante de cada línea.
  • El ancho de los emoji varía según la fuente y la aplicación, por lo que un cuadro con emoji dentro puede seguir viéndose irregular en algunos lugares.