Cómo agregar un prefijo o sufijo a cada línea
Envuelve cada línea de una lista con el mismo texto de apertura y de cierre. Cinco patrones comunes: listas HTML, viñetas de Markdown, arreglos JSON, cláusulas IN de SQL y columna de CSV. El atajo del navegador para cualquiera de ellos es un solo pegado.
Los cinco patrones
La mayoría de las necesidades de prefijo/sufijo caen en una de cinco formas:
| Objetivo | Prefijo | Sufijo | Envoltorio |
|---|---|---|---|
HTML <ul> | <li> | </li> | <ul>...</ul> |
| Lista de viñetas de Markdown | - | (ninguno) | (ninguno) |
| Arreglo JSON de cadenas | " | ", | [ ... ] |
| Cláusula IN de SQL | ' | ', | (...) |
| Columna CSV con primera columna constante | row, | (ninguno) | (ninguno) |
La herramienta Agregar Prefijo y Sufijo maneja los cinco. Pega las líneas, escribe el prefijo y el sufijo y copia el resultado. Agrega el envoltorio a mano antes de pegar en el destino.
Ejemplo resuelto — construir una cláusula IN de SQL
Lista de origen:
alice
bob
carol
dave
Lo que quieres:
WHERE name IN ('alice', 'bob', 'carol', 'dave')
Pasos:
- Pega la lista en la herramienta Prefijo/Sufijo.
- Pon el prefijo en
'(comilla simple). - Pon el sufijo en
',(comilla simple, coma). - Activa «sin separador final en la última línea».
- Copia la salida:
'alice', 'bob', 'carol', 'dave' - Pega entre los paréntesis de tu cláusula
IN ( ... ).
Tiempo total: ~5 segundos para cualquier tamaño de lista.
Ejemplo resuelto — construir una lista HTML
Lista de origen con títulos de libros. Quieres una <ul> limpia.
- Pega en la herramienta Prefijo/Sufijo.
- Prefijo:
<li> - Sufijo:
</li> - Copia. Envuelve a mano con
<ul>...</ul>arriba y abajo.
Para una salida HTML más compleja (anclas, clases, atributos de datos), pon todo el envoltorio HTML en el prefijo:
- Prefijo:
<li class="book"><a href="/books/ - Sufijo:
">ver</a></li>
Si tu entrada son solo identificadores tipo slug, la salida es una lista enlazada completa lista para pegar.
Ejemplo resuelto — arreglo JSON de cadenas
Lista de origen:
red
green
blue
Lo que quieres:
["red", "green", "blue"]
Dos formas:
Forma rápida (arreglo en una línea): usa el prefijo ", el sufijo ", y «sin separador final»; luego en la salida: reemplaza los saltos de línea por espacios y envuelve con [ y ].
Arreglo en varias líneas (más legible): usa el prefijo ", el sufijo ", y luego agrega [ arriba y ] abajo en tu editor de texto:
[
"red",
"green",
"blue"
]
Para un analizador de JSON real, la coma final de la última línea no es válida. El interruptor de «sin separador final» lo maneja:
[
"red",
"green",
"blue"
]
El paso de limpieza que todos olvidan
Tres trampas que muerden si te las saltas:
- Línea vacía al final. Si la entrada tiene una línea en blanco al final, se le aplica el prefijo/sufijo, produciendo
"",en la salida. El interruptor de «omitir líneas vacías» de la herramienta lo evita. - Coma final en el último elemento. Los analizadores de JSON la rechazan. Los de SQL la rechazan. El interruptor de «sin separador final» es la solución.
- Caracteres de comillas que necesitan escaparse. Si tu dato contiene el mismo carácter que tu prefijo/sufijo (por ejemplo, una comilla simple en el dato cuando usas comillas simples como prefijo), producirás una sintaxis rota. Procesa antes para escapar: reemplaza
'por''en SQL, o escapa"como\"en JSON.
Más allá del patrón básico
Para un envoltorio de línea más complejo (un prefijo distinto por línea, un prefijo condicional, un envoltorio basado en regex), baja a un editor de programación con soporte de varios cursores (VS Code, Sublime, los IDE de JetBrains) o a una herramienta de buscar y reemplazar que reconozca regex. La herramienta Buscar y Reemplazar con regex activada puede hacer el envoltorio condicional y basado en patrones.
Para la referencia más amplia sobre las operaciones con listas, mira operaciones con listas: la guía completa. Para ordenar antes de envolver, mira cómo ordenar líneas alfabéticamente. Para la conversión de formato, mira formatear listas para SQL/JSON/HTML.
Preguntas frecuentes
¿Cómo quito la coma final de la última línea de un arreglo JSON?
La herramienta Prefijo/Sufijo de TextKit tiene un interruptor de «sin separador final» que lo hace de forma automática. A mano: tras la pasada de prefijo/sufijo, busca y reemplaza la coma final por nada. La herramienta de TextKit es más rápida. Un interruptor lo resuelve.
¿Puedo poner prefijo solo a algunas líneas?
No con una herramienta de prefijo/sufijo pura. Usa un buscar y reemplazar con regex sobre los patrones de línea que quieras hacer coincidir. La herramienta Buscar y Reemplazar con regex activada maneja el prefijado selectivo.
¿Y si mi prefijo o sufijo contiene caracteres especiales?
Funciona sin más. Las herramientas de prefijo/sufijo tratan la entrada como texto literal, no como patrones. Los caracteres especiales de regex, las entidades HTML y las comillas pasan tal cual.
¿Por qué necesito una herramienta si puedo escribir el prefijo delante de cada línea?
Velocidad. Veinte líneas editadas a mano llevan un minuto. Dos mil líneas llevan dos minutos con una herramienta, dos horas a mano. Pasadas unas diez líneas, la herramienta gana en tiempo.
¿Puedo hacer esto en VS Code sin una herramienta aparte?
Sí. El modo de varios cursores (Cmd+D / Ctrl+D para agregar cursores al inicio de cada línea) te deja escribir el prefijo una vez y que aparezca en cada línea. Funciona hasta unos cientos de líneas antes de que el rendimiento se degrade.
Seguir leyendo
Escrito por SAVI. Creamos las herramientas sobre las que escribimos. Prueba la herramienta Agregar Prefijo y Sufijo que usamos en este artículo.