Tecnopatia

Hoy toca pasar a algunos tutoriales enfocados a un publico más avanzado (no se confunda con mejor, ni peor) y me refiero a algunos webmaster, aprendices, bloguers o todo aquel que edite documentos para la web (html, php, xml, etc.)

En Windows yo uso principalmente Notepad++, un editor con muchísimas opciones, del cual hablaré en otra ocasión. También suelo usar dreamweaver principalmente por algunas opciones que me gustan mucho, tales como corregir la indentación del código y que me completa las etiquetas HTML y las propiedades CSS.

En Linux existen multitud de editores web, como Bluefish, Quanta Plus, NVU, SCREEM y muchos más que no recuerdo ahora. Pero la verdad son más de lo que necesito, asi que decidí usar el simple pero potente gEdit con algunos complementos.

Configuraciones básicas
Establecemos algunas opciones para facilitar la lectura del texto, pero ninguna de ellas es obligatoria y las puedes cambiar a tu gusto.

Plugins
Algunos plugins necesarios para trabajar a gusto con gedit son:

gEdit Autocomplete: Este plugin completa palabras (en nuestro caso código); Con solo escribir las primeras letras nos aparece una lista con las opciones posibles y podemos seleccionarlas con las teclas arriba y abajo, una vez estemos en la indicada (la que tiene un >), solo damos un tabulador y listo!

Para instalarlo (igual que muchos más plugins) solo tenemos que descargar el archivo desde la pagina oficial, luego solo descomprimimos y copiamos los archivos autocomplete.gedit-plugin y autocomplete.py a ~/.gnome2/gedit/plugins.

Gedit Symbol Browser Plugin
Navegador de simbolos, funciones, clases, etc. que se coloca como barra lateral. Está basado en Ctags.

Para instalarlo recomiendo bajar la version binaria o compilada. Luego es solo extraer las dos carpetas contenidas en el tar.gz (plugins y symbols) dentro de la carpeta ~/.gnome2/gedit/plugins/.

Panel examinador de archivos
Uno de los aspectos mas importantes de este plugin es que, entre otras cosas, nos permite conectarnos a servidores FTP, de esta forma podemos editar el contenido de estos directamente en el servidor.

Normalmente este plugin esta incluido junto con gedit, así que solo vamos a editar–>preferencias–>complementos y lo buscamos. Si no está tenemos dos alternativas:

1. Si tu distribución esta basada en debian/ubuntul, instala el paquete gedit-plugins, con un sudo apt-get install gedit-plugins.
2. Si usas otra distribución, solo descarga e instala el plugin.

Bien, ahora por algunos pequeños bugs (con servidores ftp no seguros) se deshabilitó la opción para guardar documentos remotos por ftp. Para habilitarla hay que ir al Editor de configuración (gnome) y navegar hasta /apps/gedit-2/preferences/editor/save/writable_vfs_schemes/ y añadir ftp a la lista separada por comas.

Lista de Etiquetas
Este es otro de los plugins que hace maravilloso a gedit, puesto que con este podemos insertar las etiquetas html, caracteres especiales, propiedades css y funciones php que deseemos junto con muchas otras más.

Para tener disponibles las etiquetas web mas comunes (propiedades css, funciones php, elementos xhtml y atributos xhtml) debes de bajar el paquete Web Tags con las correspondientes.

Para instalarlo solo descomprime, y desde una terminal entra a la carpeta gedit_webdev_tags-0.1 (que acabas de descomprimir) y solo haz un sudo cp *.tags /usr/share/gedit-2/taglist/ para que se copien en dicha carpeta y estén disponibles para todos los usuarios de tu computadora.

HTML-Tidy Gedit Plugin
Para mi uno de los plugins más importantes. Tidy es una herramienta externa a gedit, que nos sirve para validar y corregir codigo html, xhtml y xml. Lo que hace este plugin es integrar esta herramienta para que se pueda usar desde gedit.

Primero hay que instalar tidy:

1. Si usas alguna distribución basada en debian/ubuntu, con un sudo apt-get install tidy queda.
2. Si usas otra distribución, solo ve a la página oficial de tidy para saber como instarlo.

Ahora solo resta configurar las opciones que deseemos. Yo recomiendo usar las opciones por defecto, pero si quieren algo mas personalizado pueden modificar la configuración avanzada.

Por último tambien recomiendo habilitar el plugin selector de color, de mucha ayuda si trabajamos con hojas de estilos css.

Pues bien, eso es todo por ahora, pero no me voy sin antes decirles que en la página oficial de gedit podran encontrar muchos más plugins interesantes.