Generador de Separadores de Texto ASCII (Divisores y Cabeceras de Código)
Crea líneas divisorias, cabeceras de sección y cajas de comentario para organizar tu código, tu README, tus archivos de configuración o la salida de la terminal. Elige el carácter, el ancho, la alineación del título y el estilo de comentario del lenguaje, y copia el resultado listo para pegar.
- ➖ Resumen rápido: ¿cómo hago un separador ASCII?
- Qué es un separador ASCII y por qué usarlo
- Estilos de separador disponibles
- Prefijo de comentario por lenguaje
- Ejemplos de salida
- Opciones de personalización
- Buenas prácticas al usar separadores en código
- Separadores frente a Markdown
- Herramientas relacionadas en porcentaje.net
- Preguntas Frecuentes (FAQ)
➖ Resumen rápido: ¿cómo hago un separador ASCII?
Escribe el título de la sección (o déjalo vacío para una línea simple), elige el estilo (regla, cabecera con título, caja de comentario o caja Unicode), fija el ancho total y selecciona el prefijo de comentario de tu lenguaje (//, #, --...). Puedes generar varios separadores a la vez escribiendo un título por línea. Para alinear el texto dentro de un ancho fijo en otros contextos, prueba el rellenador de texto.
Qué es un separador ASCII y por qué usarlo
Un separador ASCII es una línea o un bloque hecho con caracteres de texto plano —guiones, iguales, almohadillas, asteriscos o caracteres de dibujo de cajas de Unicode— que divide visualmente un documento en secciones. En un archivo de código, una cabecera como // ===== CONFIGURACIÓN ===== permite localizar de un vistazo dónde empieza cada bloque cuando el archivo es largo y no cabe entero en la pantalla.
Se usan constantemente en:
- Archivos de código fuente: separar zonas de imports, constantes, funciones auxiliares y lógica principal.
- Archivos de configuración (
.env,.ini,nginx.conf,docker-compose.yml): agrupar variables por servicio o por entorno. - Documentos
READMEy notas: como regla horizontal cuando se escribe en texto plano en lugar de Markdown. - Salida de terminal y registros (logs): marcar el inicio de una ejecución o el resultado de una fase.
- Plantillas de correo en texto plano y firmas.
Estilos de separador disponibles
| Estilo | Aspecto | Cuándo usarlo |
|---|---|---|
| Regla simple | ======================== | Separar dos bloques sin necesidad de titular |
| Cabecera de sección | //======== TÍTULO ======== | Marcar el inicio de una sección con nombre |
| Caja de comentario ASCII | +----------+ / | TÍTULO | | Cabeceras de archivo, avisos importantes |
| Caja Unicode simple | ┌────────┐ / │ TÍTULO │ | Documentación y notas donde se admite Unicode |
| Caja Unicode doble | ╔════════╗ / ║ TÍTULO ║ | Encabezados destacados, resúmenes de despliegue |
| Banner con relleno | ## TÍTULO ## entre dos barras | Cabeceras muy visibles al principio de un archivo |
Prefijo de comentario por lenguaje
Para que el separador sea código válido y no rompa la compilación, hay que comentarlo. La herramienta añade el prefijo correcto según el lenguaje:
//— C, C++, C#, Java, JavaScript, TypeScript, Go, Rust, PHP, Swift.#— Python, Ruby, Bash, Perl, YAML, TOML, Dockerfile, R.--— SQL, Lua, Haskell, Ada.;— archivos INI, Lisp, Clojure, ensamblador./* ... */— comentario de bloque de C, CSS, Java.<!-- ... -->— HTML, XML, Markdown.%— LaTeX, Erlang, MATLAB, PostScript.
El ancho total que indicas incluye el prefijo de comentario, de modo que la línea final ocupa exactamente los caracteres solicitados y todas tus cabeceras quedan alineadas entre sí.
Ejemplos de salida
Cabeceras de sección para un archivo JavaScript
// ================= CONFIGURACIÓN ================== // ================ RUTAS DE LA API ================= // ===================== UTILIDADES ================
Con solo escribir tres líneas de título, obtienes las tres cabeceras alineadas a 50 caracteres, prefijo incluido.
Caja de comentario para la cabecera de un módulo
# +--------------------------------------------------+ # | MÓDULO DE AUTENTICACIÓN | # +--------------------------------------------------+
Caja Unicode doble para un resumen destacado
╔════════════════════════════════════════════════╗ ║ RESUMEN DEL DESPLIEGUE ║ ╚════════════════════════════════════════════════╝
Opciones de personalización
- Carácter o patrón: el símbolo que se repite (
=,-,*,~,#,·) o incluso un patrón corto como=-. - Ancho total: de 4 a 200 caracteres. 60–80 es lo habitual para código; 72 para correo en texto plano.
- Alineación del título: centrado, a la izquierda o a la derecha dentro de la línea.
- Título en mayúsculas: convención muy extendida para que las cabeceras destaquen.
- Espacio alrededor del título: añade un hueco entre el título y el relleno para que respire.
- Línea en blanco antes y después: separa el bloque del código adyacente.
Buenas prácticas al usar separadores en código
- Sé coherente. Usa el mismo estilo, ancho y carácter en todo el proyecto; un archivo con tres estilos distintos distrae más que ayuda.
- No abuses. Un separador cada pocas líneas pierde su función. Resérvalos para divisiones reales del archivo.
- Complementa, no sustituyas, una buena estructura. Si un archivo necesita muchas cabeceras, quizá deba dividirse en varios archivos.
- Cuidado con Unicode en código fuente. Las cajas ┌─┐ y ╔═╗ se ven muy bien, pero si tu equipo trabaja con editores o terminales que no las representan bien, quédate con
+y-. - Respeta el límite de columnas del proyecto. Si la guía de estilo marca 80 columnas, no generes separadores de 120.
Separadores frente a Markdown
En un archivo Markdown, la regla horizontal se escribe con tres guiones (---) y el renderizador la convierte en una línea. Los separadores ASCII de esta herramienta son para cuando el texto no se va a renderizar: código fuente, comentarios, .txt, correos en texto plano o la consola. Si trabajas con listas en Markdown y quieres agruparlas por secciones, te será útil el agrupador de líneas de texto, que genera encabezados ###.
Herramientas relacionadas en porcentaje.net
- Rellenador de Texto: alinea y centra texto a un ancho fijo con cualquier carácter.
- Reemplazador de Variables en Texto: resuelve marcadores en archivos de configuración.
- Agrupador de Líneas de Texto: divide listas largas en secciones con cabecera.
- Unir Líneas de Texto con Separador: junta varias líneas en una con el delimitador que elijas.
- Contador de Líneas de Texto: cuenta las líneas de tu archivo.
Preguntas Frecuentes (FAQ)
¿El ancho que indico incluye el prefijo de comentario?
Sí. Si eliges un ancho de 60 y el prefijo // , la herramienta genera 57 caracteres de contenido para que la línea completa, incluido // , sume exactamente 60. Así todas tus cabeceras quedan alineadas independientemente del lenguaje.
¿Puedo crear varios separadores de una vez?
Sí. Escribe un título por línea en el cuadro de entrada y la herramienta generará un bloque separador para cada uno, todos con el mismo estilo, ancho y carácter. Si dejas el cuadro vacío, produce una única línea divisoria sin título.
¿Las cajas con caracteres Unicode se ven bien en cualquier sitio?
Los caracteres de dibujo de cajas (┌─┐, ╔═╗) forman parte de Unicode y se representan correctamente en la mayoría de editores y terminales modernos con una fuente monoespaciada. Si tu entorno no los soporta, usa el estilo «Caja de comentario ASCII», que solo emplea +, - y |.
¿Qué ancho debería usar?
Para código, lo habitual es alinear el separador con el límite de columnas del proyecto: 80 es el valor clásico, aunque muchos equipos usan 100 o 120. Para correo en texto plano, 72 caracteres es el estándar. Para notas y README, entre 60 y 80 suele quedar bien en cualquier pantalla.
¿Se envía mi texto a algún servidor?
No. El separador se genera por completo en tu navegador con JavaScript. Ni los títulos ni ninguna otra parte de tu texto se transmiten o se almacenan, por lo que puedes usar la herramienta con nombres internos de módulos o proyectos sin ninguna preocupación.