Un bon éditeur visuel HTML5 ou un IDE? [fermé]

116

Eh bien, il semble que Dreamweaver CS5 essaiera de fluidifier le HTML5 pendant encore quelques années (des semaines en fait). On dirait que le prochain échelon est juste pour le bloc-notes!

Quelqu'un connaît-il un bon éditeur HTML5 avec un penchant visuel / aperçu / style?

Eclipse avec un peu de pluggin?

(On dirait que le marché le demandera bientôt.)

Merci

...Au fait. Je connais le "pas de support de navigateur" ... "pas encore fini" .. etc. Ce n'est pas un problème pour nous. Nous faisons des sites Web Safari Only et la seule production d'iPhone iAd ... Nous savons donc ce qui fonctionne dans nos implémentations. (Nous sommes principalement sur Windows d'ailleurs)

ActionFactory
la source
3
Wow, regardez une autre question fermée comme "hors sujet" avec 174K de vues et beaucoup de bonnes réponses! Heureux de voir que ce n'est pas que le mien ...
Mrk Fldig

Réponses:

8

Cloud 9 IDE . Le stockage est cloud + local, il offre une autocomplétion, il fournit un support explicite pour le développement node.js, offre une collaboration en temps réel et vous obtenez un accord avec tous ses outils les plus populaires (gcc inclus). Le tout sans avoir à ouvrir autre chose que votre navigateur.

Je pense que c'est assez génial.

EDIT Q3 2013 Je suggérerais également JetBrains WebStorm. Il a des fonctionnalités d'auto-complétion et de refactoring solides pour HTML5, CSS3, JS. Et c'est très réactif.

Ingénieur
la source
Cloud 9 IDE nouveau lien
Menelaos Kotsollaris
39

J'ai toujours aimé Aptana Studio pour le développement HTML. Aptana Studio 3 beta prend en charge les dernières spécifications HTML5 et est assez rapide (par rapport à la version 2). Il existe une version autonome et une version carlin Eclipse disponible.
MISE À JOUR: version finale disponible (même lien)

Jan
la source
1
+1 pour Aptana Studio 3 beta. C'est un IDE assez sympa et il est multiplateforme.
Octavian A. Damiean
MISE À JOUR: sortie de la version bêta et de la première version de Bugfix , maintenant: aptana.com/products/studio3/releasenotes
janvier
Outre la fonctionnalité visuelle / WYSIWYG sur les balises HTML5, je souhaite que l'EDI soit conscient de l'API HTML5 comme l'API de stockage Web, etc., lorsque je tape window <dot>, l'autocomplétion d'objet sessionStorage et localStorage etc. n'apparaît pas ...
Lee Chee Kiam
Ah, "pug-ins". Puggins ferait un super nom de famille. Merci pour le rire.
Ingénieur
10

Mettre à jour

Utilisez Aptana Studio 3 , il est mis à jour maintenant.

Vous pouvez soit choisir

Essayez en ligne Aloha WYSIWYG Editor

Mais en tant que développeur web, je préfère toujours Notepad ++ , il a les assistances de code nécessaires.


Informations obsolètes, veuillez ne pas vous référer.


Cela pourrait être une réponse tardive, ouais une réponse très tardive, mais cela aidera sûrement quelqu'un à
télécharger la dernière version stable de "Eclipse IDE pour les développeurs Java EE" Télécharger le plug-in Google pour Eclipse.zip Sélectionnez votre téléchargement en fonction de votre version Eclipse après le téléchargement ( ne pas décompresser



)
Ouvrez Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
dans le champ "Nom" entrez "Google Plugin" Cliquez sur OK.

Ignorez les avertissements, après la fin de l'installation, redémarrez Eclipse.


Comment utiliser Google Plugin for Eclipse
    File> Nouveau> Autre> Web> Projet Web statique> Entrez le nom du projet

Créer un nouveau projet Web


    Créer un nouveau fichier HTML

Créer un nouveau fichier HTML


    Nom à index.html

index.html

    Sélectionnez les propriétés du fichier HTML

Définir les propriétés sur HTML5

    Appuyez sur Ctrl + Espace

Aide-mémoire HTML5

de même créer un nouveau fichier * .css
Cliquez avec le bouton droit sur le fichier css> Propriétés> Paramètres de contenu Web> Sélectionnez le profil CSS3> ok
Appuyez sur CTRL + Espace
Feuille de triche CSS3
Wooo, Ouais Commencez le codage.!

VenomVendor
la source
Je ne sais pas où j'ai manqué, mais je ne trouve pas "Static Web Project" après avoir installé Google Plugin for Eclipse. Le seul nouveau type de projet concerne Google App Engine.
Zhao Xiang
Quelle version d'Eclipse utilisez-vous?
VenomVendor
Indigo Service Release 1. Plus tard, j'ai essayé le plugin Aptana, et cela fonctionne
Zhao Xiang
Il est toujours préférable d'utiliser la dernière version de n'importe quel IDE, vous pouvez essayer Juno JEE pour de meilleurs résultats
VenomVendor
8

Topstyle 4 est le seul que je connaisse avec le support HTML5 (et CSS3). Ses débuts, mais cela fonctionne assez pour la plupart.

Frazor
la source
7

Étant donné que HTML5 est toujours en cours d'élaboration et n'a pas encore de support cohérent sur tous les navigateurs, je suppose que cela va prendre un certain temps avant d'obtenir un éditeur HTML5 WYSIWYG.

En attendant, habituez-vous à éditer votre balisage à la main dans un bon éditeur de texte comme Notepad ++ ou TextEdit .

Justin Niessner
la source
Je pense que vous vouliez dire s / test / text / ..
Tim Post
1
@jordanstephens - Oui. Vraiment. TextEdit.
Justin Niessner
@justin Niessner Je veux dire que ça marche, je ne le mettrais pas dans une liste de "bons éditeurs de texte" À chacun son, je suppose ...
jordanstephens
@jordanstephens simplement parce que TextEdit n'a pas toutes les fonctionnalités sophistiquées de certaines autres applications ne signifie pas qu'il n'est pas bon pour éditer du texte.
Alex Larzelere
Vous ne répondez pas à la question
Kickaha
4

Juste pour signaler, HTML5 en soi n'est pas "loin d'être prêt"; il est en fait quasiment terminé, "considéré par le groupe de travail comme satisfaisant aux exigences pertinentes de sa charte et des documents relatifs aux exigences qui l'accompagnent". Il y aura des choses à régler, et la spécification de base a quelques modules complémentaires, mais la majorité d'entre eux est en fait prêt à être utilisé immédiatement, avec une grande partie stable dans les derniers navigateurs.

Nicolas Wilson
la source
3

NetBeans 7 a un bon support pour HTML5. Auparavant, j'étais un grand utilisateur d'Eclipse, mais je passais plus de temps avec NetBeans à jouer avec HTML5 et Servlet.

Samuel Zhang
la source
2

pour une solution en ligne, essayez l'éditeur maqetta et aloha

pour une solution hors ligne (téléchargeable), essayez le griffon bleu

ils sont gratuits :) oh ouais, un de plus, mon éditeur préféré :) et l'éditeur de jeu aussi: construct2

deval
la source
1

Je dois me demander si vous avez besoin, spécifiquement, d'un éditeur capable de gérer HTML5. C'est toujours du HTML. Il y a des changements, oui, mais pas tellement si vous êtes déjà à l'aise avec HTML4. Je soupçonne que la plupart des éditeurs capables de gérer HTML devraient également être capables de gérer HTML5.

Grant Palin
la source
1

Radrails 3 est censé l'avoir, Aptana Studio 3 l'aura. Radrails est en version bêta, donc c'est une sorte de downer, mais néanmoins il est là pour donner un tourbillon.

Il est également multi-plateforme, pour ceux d'entre nous qui ne font pas partie de Windoze.

Sammi Sanders
la source
1

A fait des recherches pour cela à l'école et comme Justing l'a déjà dit. La spécification est loin d'être prête, il faudra donc probablement un certain temps avant que HTML5 ne soit pris en charge dans l'éditeur. Bien que les navigateurs soient occupés à implémenter les parties de la spécification qui sont suffisamment bonnes pour être utilisées.

Le mieux que vous puissiez faire est de suivre des blogs, des tutoriels et d'autres articles sur Internet et d'expérimenter vous-même le développement en HTML5.

EDIT: Je viens de trouver un plug-in Visual Studio 2008/2010 ici

Rob
la source
1

HTML Pencil est un éditeur HTML en ligne créé pour les navigateurs modernes.


la source
0

Cela pourrait ne pas vous intéresser, mais juste pour ajouter (0 :, j'aime VS2008 IDE pour l'édition html - et cela double le plaisir si vous avez la barre d'outils de développement d'Internet Explorer (comme celle de firebug).

KMån
la source
0

Développeur Web visuel Express

AlexanderMP
la source
2
Cela vous donnera la validation du schéma HTML5, mais vous devez toujours modifier le balisage à la main. Je pense que l'OP recherche un éditeur WYSIWYG ... ce que Visual Web Developer Express n'est pas (pour HTML5).
Justin Niessner le