¿Algún buen editor visual HTML5 o IDE? [cerrado]

116

Bueno, parece que Dreamweaver CS5 intentará suavizar el HTML5 durante unos años más (semanas en realidad). ¡Parece que el siguiente escalón es el de Bloc de notas!

¿Alguien conoce un buen editor HTML5 con una inclinación visual / de vista previa / estilo?

¿Eclipse con algún complemento?

(Parece que el mercado lo pedirá pronto).

Gracias

...Por cierto. Sé sobre el 'sin soporte de navegador' ... 'aún no ha terminado' .. etc. Eso no es un problema para nosotros. Estamos haciendo sitios web Safari Only y la única producción de iPhone iAd ... Así que sabemos qué funciona en nuestras implementaciones. (Por cierto, usamos principalmente Windows)

ActionFactory
fuente
3
¡Guau, mira otra pregunta cerrada como "fuera de tema" con 174K en vistas y muchas buenas respuestas! Me alegra ver que no es solo mío ...
Mrk Fldig

Respuestas:

8

IDE de Cloud 9 . El almacenamiento es en la nube + local, ofrece autocompletado, proporciona soporte explícito para el desarrollo de node.js, ofrece colaboración en tiempo real y usted consigue que bash acepte el trato con todas sus herramientas más populares (gcc incluido). Todo sin tener que abrir nada más que su navegador.

Creo que eso es bastante impresionante.

EDITAR Q3 2013 También sugeriría JetBrains WebStorm. Tiene funciones de autocompletado y refactorización sólida para HTML5, CSS3, JS. Y es muy receptivo.

Ingeniero
fuente
Nuevo enlace de Cloud 9 IDE
Menelaos Kotsollaris
39

Siempre me gustó Aptana Studio para el desarrollo HTML. Aptana Studio 3 beta es compatible con las últimas especificaciones HTML5 y es bastante rápido (en comparación con la versión 2). Hay disponible una versión independiente y una versión pug-in de Eclipse.
ACTUALIZACIÓN: Versión final disponible (mismo enlace)

ene
fuente
1
+1 para Aptana Studio 3 beta. Es un IDE bastante agradable y es multiplataforma.
Octavian A. Damiean
ACTUALIZACIÓN: Fuera de la versión beta y la primera versión de corrección de errores, ahora mismo: aptana.com/products/studio3/releasenotes
enero de
Además de la función visual / WYSIWYG en etiquetas HTML5, deseo tener un IDE que conozca la API HTML5 como la API de almacenamiento web, etc., cuando escribo la ventana <dot>, el autocompletado del objeto sessionStorage y localStorage, etc.no aparece ...
Lee Chee Kiam
Ah, "pug-ins". Puggins sería un gran apellido. Gracias por la risa.
Ingeniero
10

Actualizar

Utilice Aptana Studio 3 , ya está actualizado.

Puedes elegir

Pruebe Aloha WYSIWYG Editor en línea

Pero como desarrollador web, sigo prefiriendo Notepad ++ , tiene las ayudas necesarias para el código.


Información desactualizada, no consulte.


Esta podría ser una respuesta tardía, sí, una respuesta muy tardía, pero seguramente ayudará a alguien
Descargar "Eclipse IDE para desarrolladores de Java EE" Última versión estable

Descargue el complemento de Google para Eclipse.zip
Seleccione su descarga de acuerdo con su versión de Eclipse
después de la descarga ( no descomprima )
Abra Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
en el campo "Nombre" ingrese "Complemento de Google" Haga clic en Aceptar.

Ignore las advertencias, después de completar la instalación, reinicie Eclipse.


Cómo usar el complemento de Google para el archivo Eclipse
    > Nuevo> Otro> Web> Proyecto web estático> Ingrese el nombre del proyecto

Crear nuevo proyecto web


    Crear nuevo archivo HTML

Crear nuevo archivo HTML


    Nombre para index.html

index.html

    Seleccionar propiedades del archivo HTML

Establecer propiedades en HTML5

    Presiona Ctrl + Espacio

Hoja de referencia HTML5

De manera similar, cree un nuevo archivo * .css
Haga clic con el botón derecho en el archivo css> Propiedades> Configuración de contenido web> Seleccione Perfil CSS3> Aceptar
Presione CTRL + Espacio
Hoja de trucos CSS3
Wooo, Sí, comience a codificar.!

VenomVendor
fuente
No estoy seguro de dónde me perdí, pero no puedo encontrar "Proyecto web estático" después de instalar el complemento de Google para Eclipse. El único tipo de proyecto nuevo es algo sobre Google App Engine.
Zhao Xiang
¿Qué versión de Eclipse estás usando?
VenomVendor
Indigo Service Release 1. Más tarde probé el complemento Aptana y funciona
Zhao Xiang
Siempre es mejor usar la última versión de cualquier IDE, puede probar Juno JEE para obtener mejores resultados
VenomVendor
8

Topstyle 4 es el único que he encontrado con soporte HTML5 (y CSS3). Sus primeras etapas, pero funciona lo suficiente en su mayor parte.

Frazor
fuente
7

Dado que HTML5 todavía está en proceso y aún no tiene soporte constante en ningún navegador, supongo que pasará bastante tiempo antes de que obtenga un WYSIWYG HTML5 Editor.

Mientras tanto, acostúmbrese a editar su marcado a mano en un buen editor de texto como Notepad ++ o TextEdit .

Justin Niessner
fuente
Creo que te refieres a s / test / text / ..
Tim Post
1
@jordanstephens - Sí. De Verdad. TextEdit.
Justin Niessner
@justin Niessner Quiero decir, seguro que funciona, simplemente no lo incluiría en una lista de "buenos editores de texto". Supongo que para cada uno lo suyo ...
jordanstephens
@jordanstephens solo porque TextEdit no tiene todas las características sofisticadas de algunas otras aplicaciones no significa que no sea bueno para editar texto.
Alex Larzelere
No está respondiendo la pregunta
Kickaha
4

Solo para señalar, HTML5 per se no está "lejos de estar listo"; en realidad, está prácticamente terminado, "considerado por el Grupo de Trabajo para cumplir con los requisitos pertinentes de su estatuto y los documentos de requisitos adjuntos". Habrá algunas cosas que resolver, y la especificación principal tiene algunos complementos adjuntos, pero la mayoría está realmente lista para usar de inmediato, y gran parte es estable en los últimos navegadores.

Nicolás Wilson
fuente
3

NetBeans 7 tiene un buen soporte para HTML5. Anteriormente, era un gran usuario de Eclipse, pero dedico más tiempo a NetBeans para jugar con HTML5 y Servlet.

Samuel Zhang
fuente
2

para una solución en línea, pruebe maqetta y aloha editor

para una solución sin conexión (descargable), pruebe blue griffon

son gratis :) oh sí, uno más, mi editor favorito :) y editor de juegos también: construct2

deval
fuente
1

Debo preguntarme si necesita, específicamente, un editor capaz de manejar HTML5. Sigue siendo HTML. Hay cambios, sí, pero no tanto si ya se siente cómodo con HTML4. Sospecho que la mayoría de los editores capaces de manejar HTML también deberían poder manejar HTML5.

Grant Palin
fuente
1

Se supone que Radrails 3 lo tiene, Aptana Studio 3 lo tendrá. Radrails está en beta, por lo que es una especie de decepción, pero no obstante, está ahí para dar un giro.

También es multiplataforma, para aquellos de nosotros que no somos amigos de Windoze.

Sammi Sanders
fuente
1

Investigué para esto en la escuela y como ya dijo Justing. La especificación está lejos de estar lista, por lo que probablemente pasará un tiempo antes de que HTML5 sea compatible con el editor. Aunque los navegadores están ocupados implementando las partes de la especificación que son lo suficientemente buenas para ser utilizadas.

Lo mejor que puede hacer es seguir blogs, tutoriales y otros artículos en Internet y experimentar con el desarrollo en HTML5 usted mismo.

EDITAR: Acabo de encontrar un complemento de Visual Studio 2008/2010 aquí

Robar
fuente
0

Es posible que esto no le interese, pero solo agregar (0 :, me gusta VS2008 IDE para la edición html, y duplica la diversión si tiene una barra de herramientas para desarrolladores de Internet Explorer (como la de Firebug).

KMån
fuente
0

Desarrollador Web Visual Express

AlexanderMP
fuente
2
Eso le dará la validación del esquema HTML5, pero aún tiene que editar el marcado a mano. Creo que el OP está buscando un editor WYSIWYG ... que Visual Web Developer Express no es (para HTML5).
Justin Niessner