expandir zen coding en netbeans

cristian_cena · #1 (**permalink**) 27/11/2010, 12:18

Hola amigos.

Resulta que me he acostumbrado a utilizar zen coding con notepad para expandir html y css, al punto de que por una cuestion de optimización de tiempo no puedo desprenderme de tan poderosa herramienta.

Por otra parte migre de editor, ahora estoy usando netbeans, ya que su reconocedor de errores de sintaxis en tiempo real para el trabajo con javascript y php me es de muchísima ayuda, a la par de que me sienta muy comodo el panel "paleta" para ir reutilizando código y cargar librerias.

Bien, al grano. Instalé el plugin zen coding (siguiendo este video) sobre netbeans pero no puedo hacerlo funcionar.

Ejemplo:
en notepad si tipeo el siguiente código ...
div#contenedor>(ul#lista>(li*5)) ... y presiono ctrl+e
obtengo como resultado...
<div id="contenedor">
<ul id="lista">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

pero si hago lo mismo en netbeans no se expande nada.

En resumen no se con que combinación de teclas expandir el código (en el video supongo que lo explican pero mi ingles básico no me permite entender el 100% de lo que dice).

Desde ya muchas gracias por su ayuda, un saludo.

cristian_cena · #2 (**permalink**) 28/11/2010, 09:49

nadie?

Parecería que netbeans no soporta por completo el plugin.
En el paquete de instalacion de zen coding observo que solo hay dos archivos xml en donde se definen las "abreviaciones".

Es más solo las abreviaciones para html son definidas. Las correspondientes a css las tuve que crear "a mano"

En resumen, logramos expandir abreviaciones como:

div -> <div>...
a -> <a href="...
etc..

Pero no son soportadas las expresiones de zencoding como:

div#laid -> no expande nada
ul#laid>(li*5) ->no expande nada
etc..

Bueno, espero alguien más experimentado pueda dar con la solución.

Gracias.

NUCKLEAR · #3 (**permalink**) 28/11/2010, 17:46

Yo busque y encontre mucha info. Tu por que no?
http://www.google.com/search?client=...utf-8&oe=utf-8

cristian_cena · #4 (**permalink**) 28/11/2010, 21:10

hola nuklear se nota que no tienes ni la más mínima idea del tema que estoy tratando. En vez de hacer un mal uso de la ironía te invito a que instales el plugin sobre netbeans y una vez te hayas enfrentado con el problema podamos juntos resolverlo y compartirlo con la comunidad.

Sin ánimos de ofender, un fuerte abrazo.

p/d: por cierto en google code puedes encontrar el plugin en descarga gratuita (no te paso el link porque veo que sabes buscar)

NUCKLEAR · #5 (**permalink**) 29/11/2010, 13:15

Mm? perdoname no lo hice con mala intensión, lamento ser tan sincero y tener poco tacto, pero soy así.

Y con lo que dije lo sostengo, para ahorrar el trabajo te pego el link directamente de lo que encontré en 2 minutos(no cambio eh! :D):

https://github.com/lorenzos/ZenCodingNetBeansPlugin

descargas instalas el plugin y esta listo.
Ejm de uso (en tu archivo html):

html:5

alt+insert elegis "Expand Zend code" y como por arte de magia tenes una linda estructura:

Código HTML:

Ver original<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    
</body>
</html>

Saludos y Exitos ;) sin rencores.

cristian_cena · #6 (**permalink**) 29/11/2010, 17:09

Bueno nucklear, finalmente tengo que aceptar tus palabras.

Mi problema estaba en que instalaba el plugin desde el sitio de google code. lo cual no se para que ponen eso ahi si no anda.

Asi que agradezco y felicito lo simple y útil de tu respuesta. Y acepto el tirón de orejas por no haber buscado bien ja

Abrazo.

Portal7 · #7 (**permalink**) 19/10/2012, 18:27

Bien muchachos, ahora se juntan y se dan un par de besos! ajajajaja

La verdad ....yo arranque igual ....y googleando un poco
ahora si que lo pude instalar!!!

Pregunta, ya que estamos,....alguno sabe de algun plugin para el netbeans de modo que permita editar en forma visual HTML ??? (quiero decir, no TinyMCE ni nada similar)

Gracias!!