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.

[*<line>]<p>[*sel]</p>[*</line>]
 

Generar un select a partir de una lista de palabras

Cuanto necesitamos escribir un select con muchas options, podemos hacer un fragmento asi:

<select name="">
[*<line>]<option value="[*sel]">[*sel]</option>[*</line>]
</select>
 

Solo tenemos que escribir una serie de options, una option por línea:

Option 1
Option 2
Option 3
Option 4
Option 5
 

Seleccionamos el texto, y aplicamos el fragmento. Obtendremos este código:

<select name="">
<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>][*sel]: <input name="[*sel]" value="" />
[*</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:

name
email
phone
address
 

Aplicamos el fragmento, y obtenemos el siguiente código.

name: <input name="name" value="" />

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.

<ul>
[*<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:

<ul>
        <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:

[*<line>]$[*sel]=$_GET["[*sel]"];[*</line>]
 

Igual que en los casos anteriores, a la lista de palabras que armaste los input del form, les aplicas el snippet y obtenes esto:

$name=$_GET["name"];
$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?

Esta entrada fue publicada en General, HTML, PHP, Programas. Guarda el enlace permanente.

3 respuestas a SkEdit Snippets / Fragmentos para escribir HTML y PHP

  1. Juan dice:

    Muy buena la informacion justo lo que necesitaba muchas gracias

  2. Bingo dice:

    Llevaba buscando esta información desde hace una semana aunque todavia no me queda del todo claro, gracias.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>