Zen Coding para Dreamweaver CS3
Actualización (15/12/2009): Han actualizado a la versión 0.5. En vez del zip ahora solo aparece para descargar el .mxp, pero se puede instalar perféctamente en el DW CS3.
Zen Coding es una utilidad para escribir código más rápido. La descubrí en SmashingMagazine[en] y en Craftyman.net[es] y quise usarla en seguida con Dreamveaver CS3.
El problema es que el plugin que desarrollan está enfocado al Dreamweaver CS4. Puedes ver la lista de todos los programas que tienen más o menos soporte del plugin.
La solución para migrarlo al CS3 es muy fácil.
Cuando descargas la última versión de Dreamweaver, en mi caso la 0.4, el zip contiene el archivo de extensión ‘.mxp’ que instala la utilidad mediante la aplicacion de Adobe Extension manager, y la carpeta ’source’ con los archivos fuente de la extensión.
Dentro de ’source’ está el archivo ‘Zen Coding.mxi’. Es un XML que se puede editar, y contiene la línea:
<product name=”Dreamweaver” version=”10″ primary=”true” />
Solo hay que cambiar el 10 por un 9 y guardar el documento.
A continuación pulsas sobre ‘Zen Coding.mxi’ como si fuera una aplicación que quieres ejecutar y se abrirá el Adobe Extensión Manager preguntándote donde quieres guardar el .mxp que se va a generar a partir del .mxi que has modificado.
Y ya tienes la extensión de Zen Coding para Dreamweaver CS3 lista para ejecutar e instalar.
Cuando abras el Dreamweaver aparecerá en el menú ‘Comando’ la opción ‘Expand Abbreviation’. Asígnale un atajo de teclado para que sea una función práctica, si no no tendría sentido.
Por defecto, en la documentación de la utilidad, se usa [Ctrl+,] (Control más coma), para lo cual en Dreamweaver habrá previamente que eliminar el atajo de teclado para la función ‘Anular sangría de código’ que está en la opción ‘Edición’ de la barra de menú.
El plugin todavía está en desarrollo pero ya se puede disfrutar de su magia.
Lista de abreviaturas soportada parcial o totalmente: Zen HTML Elements, Zen HTML Selectors, y Zen CSS properties.
Descargar/download: Zen-Coding_DW-CS3.zip