online example compilador codepen code attribute javascript html css editor

javascript - compilador - jsfiddle example



HTML+CSS+Javascript Editor (15)

Hola, estoy buscando un buen editor de HTML, CSS y Javascript. Plataforma Microsoft Windows.

Muchas gracias !!!!

ACTUALIZACIONES :

1) Encontré uno asombroso, que ya utilizo por un tiempo en Windows y también en MAC:

Texto Sumblime 2

2)

WebStorm es otra que me gusta.

WebStorm que utilizo para los proyectos más grandes, donde el SublimeText es más para los archivos que se abren, o proyectos pequeños porque es muy rápido

Dependiendo de la plataforma en la que estés desarrollando.

Para el desarrollo de .net, la mejor herramienta sería Visual Studio Professional 2008+ si tiene acceso a ella. Es compatible con la finalización de código (intellisense) incluso para archivos Javascript. No solo el javascript básico sino también tu propio código.

Sin embargo, un consejo: si desea que su HTML sea lo más semántico y no tan sensato como sea posible, NO use los editores WYSIWYG para HTML . No he visto ninguno que funcione como se esperaba.

El Bloc de notas (y otras variantes, me gusta especialmente el Bloc de notas 2 Notepad2-MOD ) es un excelente editor. Ligero, y tarda unos 200 ms en cargar!

Si está buscando algo con más funcionalidad, pruebe Komodo IDE (o su alternativa gratuita, Komodo Edit ).

Si está buscando un editor WYSIWYG, personalmente, encuentro que los editores WYSIWYG están inflados y la mayoría de las veces crea una sopa de etiquetas enorme para algo más que su página web promedio de 1999. También es demasiado para JavaScript (que de todos modos deberá codificar manualmente).

Encontré un editor de texto increíble en MAC / Widnows

Texto sublime

Me encanta, cada día me gusta más y más.

Hice una investigación y creo que en este momento WebStrom 4 es el mejor. Mejor finalización de código + resaltado de sintaxis. Incluso puede reconocer clases extendidas en JavaScript y métodos sobrescritos, etc.

Me encanta Scite . La versión original tiene resaltado de sintaxis en línea pero con archivos de sintaxis adicionales también es capaz de completar el código.

Personalmente soy aficionado a notepad++ : es un simple editor de pestañas, resaltado de sintaxis, autocompletado, puede manejar más de 30 idiomas y tiene un sistema de complementos. (y es gratis).

WYSIWYG es realmente inútil para el desarrollo web, por lo que realmente no recomiendo Dreweaver o lo que parezca.

También puedes intentar usar Eclipse Amatheus para HTML , pero no está del todo completo y puede ser difícil de instalar.

Prefiero Netbeans 6.7 PHP, incluye CSS / JS / HTML y PHP. Plegado de código, Resaltado de sintaxis, Finalización de código, Vista previa de CSS ...

Pero mi función favorita es la finalización de código para JQuery + Dojo

Descargar: Netbeans Descargar

Prueba jEdit . Tiene una gran biblioteca de complementos y es muy personalizable, además de ser multiplataforma.

Si está buscando un editor en línea, jsFiddle es probablemente la mejor opción.

Utilicé tanto Notepad ++ como Aptana, a veces también Eclipse. Para secuencias de comandos simples o una solución rápida en algunos archivos, notepad ++ es muy bueno. Para la gestión de grandes proyectos, prefiero Aptana, que viene con el depurador para PHP y lo necesito muchísimo.

Yo uso Notepad ++. Es rápido, ligero y funciona con muchos de los lenguajes de programación. Puedes hacer resaltado de sintaxis como Mac''s Textmate. Simplemente, descargue el tema para Textmate desde tmthemes.com, conviértalo al formato Notepad ++ here y reemplace el archivo stylers.xml. El resultado es genial;)

Visual Studio Express puede estar un poco abultado para sus necesidades, y la vista WYSIWYG HTML es inútil.

Sin embargo, sí incluye resaltado de sintaxis e inteligencia para HTML, CSS, acciones básicas de Javascript y (con una descarga y algunos problemas ) jQuery.

NuSphere PhpEd hace todo esto muchos más. Recientemente han agregado la navegación con código CSS y JavaScript, por lo que puede hacer clic en la función de clase o JavaScript y saltar directamente a ella. Aunque es costoso, me parece extremadamente rápido (puede mostrar la finalización del código en un par de milisegundos) y tiene todas las funciones que necesito, incluyendo FTP y SFTP.

Prueba Emacs . Tiene una curva de aprendizaje bastante pronunciada, pero una vez que lo sepa, lo hará extremadamente productivo.

  • Para XHTML puedes usar el excelente nxhtml-mode (valida lo que estás escribiendo sobre la marcha)
  • Para JavaScript, hay un gran modo de Steve Yegge ( js2-mode ) (tiene un analizador para el lenguaje incorporado, por lo que puede hacer sintaxis y error (subrayado en rojo) resaltando perfectamente)
  • Hay un modo incorporado bastante bueno para CSS