SkEdit Snippets / Fragmentos para escribir HTML y PHP
Una de las mejores características de skedit es, sin dudas, la posibilidad de guardar trozos de código y reutilizarlos cada vez que los necesitemos.
Estos snippets o fragmentos, además, pueden ser usados para automatizar algunas tareas y acelerar nuestro flujo de trabajo.
Para guardarlos hay que copiar y pegar los ejemplos en un archivo en blanco, seleccionarlos e ir a la pestaña Fragmentos -> Añadir texto seleccionado como fragmento.
Para utilizarlos, si es solo para insertar un código guardado: posicionar el cursor en el lugar deseado, y hacer click en el fragmento deseado.
Si es para realizar alguna acción estilo batch, seleccionar el texto a “operar”, y hacer click en el fragmento deseado.
Algunos ejemplos:
Envolver texto en etiquetas de párrafo
Este fragmento va a envolver el texto seleccionado con etiquetas de párrafo.
Generar un select a partir de una lista de palabras
Cuanto necesitamos escribir un select con muchas options, podemos hacer un fragmento asi:
[*<line>]<option value="[*sel]">[*sel]</option>[*</line>]
</select>
Solo tenemos que escribir una serie de options, una option por línea:
Option 2
Option 3
Option 4
Option 5
Seleccionamos el texto, y aplicamos el fragmento. Obtendremos este código:
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
<option value="Option 4">Option 4</option>
<option value="Option 5">Option 5</option>
</select>
Generar inputs a partir de una lista de palabras
Al armar un formulario, a veces tenemos que ponerle 25 inputs, escribirlos a mano es tedioso! Por que no usar un fragmento?
[*</line>]
<input type="submit" value="submit" />
Hacemos una lista con los inputs que necesitamos. Es importante que los nombres sean en minúscula, para tener después consistencia al hacer el GET o POST:
phone
address
Aplicamos el fragmento, y obtenemos el siguiente código.
email: <input name="email" value="" />
phone: <input name="phone" value="" />
address: <input name="address" value="" />
<input type="submit" value="submit" />
Por supuesto, será necesario retocar algunas cosas para que quede como queremos, pero la mayor parte del trabajo esta hecha.
Lista de links a partir de selección
Toda página web tiene una lista de links. Este snippet nos va a servir para crear una lista de links a partir de una lista de palabras.
[*<line>] <li><a href="[*sel].html">[*sel]</a></li>[*</line>]
</ul>
Como en los casos anteriores, a partir de una lista de palabras obtendremos esto:
<li><a href="about us.html">about us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="contact us.html">contact us</a></li>
</ul>
En este caso es muy importante retocar los nombres de los archivos HTML, para evitar espacios en los links, y para dar consistencia con los nombres reales de los archivos.
Pasar un conjunto de parámetros GET en variables
Otro caso típico: tenemos un form con 10 campos para recoger, y tenemos que escribir los GET para pasarlos a variables. Un embole!
Este snippet nos salva:
Igual que en los casos anteriores, a la lista de palabras que armaste los input del form, les aplicas el snippet y obtenes esto:
$email=$_GET["email"];
$phone=$_GET["phone"];
$address=$_GET["address"];
Claro, no parece gran cosa, pero hacelo a mano para 50 campos!!
De nuevo, ojo con las mayúsculas/minúsculas y espacios en los nombres de las variables.
Como yapa. Si te vas al editor de fragmentos, le podés asignar una combinación de teclas a cada snippet para llamarlo con un método abreviado.
Y vos? tenés algún fragmento para compartir?