Gibt es einen guten visuellen HTML5-Editor oder eine gute IDE? [geschlossen]

116

Nun, es sieht so aus, als würde Dreamweaver CS5 versuchen, das HTML5-Ding noch ein paar Jahre (eigentlich Wochen) zu glätten. Scheint, als ob die nächste Sprosse direkt zum Editor passt!

Kennt jemand einen guten HTML5-Editor mit einer visuellen / Vorschau / Stilrichtung?

Eclipse mit etwas Pluggin?

(Scheint, als würde der Markt bald darum betteln.)

Vielen Dank

...Apropos. Ich weiß über die "keine Browser-Unterstützung" ... "noch nicht fertig" .. etc. Das ist für uns kein Thema. Wir machen nur Safari-Websites und die einzige Produktion von iPhone iAd ... Wir wissen also, was in unseren Implementierungen funktioniert. (Wir meistens übrigens unter Windows)

ActionFactory
quelle
3
Wow, schau mal eine andere Frage, die als "Off Topic" mit 174.000 Ansichten und vielen guten Antworten geschlossen wurde!
Ich bin

Antworten:

8

Cloud 9 IDE . Der Speicher ist Cloud + lokal, bietet automatische Vervollständigung, bietet explizite Unterstützung für die Entwicklung von node.js, bietet Zusammenarbeit in Echtzeit und Sie können sich mit all den beliebtesten Tools (einschließlich gcc) vertraut machen. Alles ohne dass Sie etwas anderes als Ihren Browser öffnen müssen.

Ich finde das ziemlich genial.

EDIT Q3 2013 Ich würde auch JetBrains WebStorm vorschlagen. Es verfügt über Autocompletion- und Solid Refactoring-Funktionen für HTML5, CSS3, JS. Und es ist sehr reaktionsschnell.

Ingenieur
quelle
Cloud 9 IDE neuer Link
Menelaos Kotsollaris
39

Ich mochte Aptana Studio für die HTML-Entwicklung immer. Aptana Studio 3 Beta unterstützt die neuesten HTML5-Spezifikationen und ist recht schnell (im Vergleich zu Version 2). Es gibt eine eigenständige und eine Eclipse-Pug-In-Version.
UPDATE: Endgültige Version verfügbar (gleicher Link)

Jan.
quelle
1
+1 für Aptana Studio 3 Beta. Es ist eine nette IDE und plattformübergreifend.
Octavian A. Damiean
UPDATE: Nicht genügend Beta und ersten Bugfix-Release, gerade jetzt: aptana.com/products/studio3/releasenotes
Jan
Neben der visuellen / WYSIWYG-Funktion für HTML5-Tags möchte ich eine IDE haben, die HTML5-APIs wie Web Storage API usw. kennt. Wenn ich Fenster <Punkt> eingebe, wird die automatische Vervollständigung des Objekts sessionStorage und localStorage usw. nicht angezeigt ...
Lee Chee Kiam
Ah, "Mops". Puggins würde einen tollen Nachnamen abgeben. Danke für das Lachen.
Ingenieur
10

Aktualisieren

Verwenden Sie Aptana Studio 3 , es ist jetzt aktualisiert.

Sie können entweder wählen

Versuchen Sie es online mit Aloha WYSIWYG Editor

Aber als Webentwickler bevorzuge ich immer noch Notepad ++ , es hat die notwendigen Code-Assists.


Veraltete Informationen, bitte nicht verweisen.


Dies könnte zu spät Antwort, ja sehr spät Antwort sein , aber wird sicher jemand helfen
herunterladen „Eclipse - IDE für Java EE Developers“ Latest Stable Version

herunterladen Google - Plugin für Eclipse.zip
Wählen Sie Ihren Download entsprechend Ihrer Eclipse - Version
Nach dem Download ( nicht Dekomprimieren )
Öffnen Sie Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
im Feld "Name" und geben Sie "Google Plugin" ein. Klicken Sie auf OK.

Ignorieren Sie die Warnungen. Starten Sie Eclipse nach Abschluss der Installation neu.


Verwendung des Google Plugins für Eclipse-
    Datei> Neu> Andere> Web> Statisches Webprojekt> Geben Sie den Projektnamen ein

Neues Webprojekt erstellen


    Neue HTML-Datei erstellen

Neue HTML-Datei erstellen


    Name zu index.html

index.html

    Wählen Sie Eigenschaften der HTML-Datei

Setzen Sie die Eigenschaften auf HTML5

    Drücken Sie Strg + Leertaste

Spickzettel HTML5

Erstellen
Sie auf ähnliche Weise eine neue * .css-Datei. Klicken Sie mit der rechten Maustaste auf die CSS-Datei> Eigenschaften> Webinhaltseinstellungen> CSS3-Profil auswählen > OK Drücken Sie STRG
+
CSS3 Spickzettel
Leertaste Wooo, Yeah Start Coding.!

VenomVendor
quelle
Ich bin nicht sicher, wo ich es verpasst habe, aber ich kann "Static Web Project" nach der Installation von Google Plugin for Eclipse nicht finden. Der einzige neue Projekttyp ist etwas über Google App Engine.
Zhao Xiang
Welche Version von Eclipse verwenden Sie?
VenomVendor
Indigo Service Release 1. Später habe ich das Aptana Plugin ausprobiert und es funktioniert
Zhao Xiang
Es ist immer besser, die neueste Version einer IDE zu verwenden. Sie können Juno JEE ausprobieren, um bessere Ergebnisse zu
erzielen
8

Topstyle 4 ist der einzige, dem ich mit HTML5- (und CSS3-) Unterstützung begegnet bin. Es ist in einem frühen Stadium, aber es funktioniert größtenteils genug.

Frazor
quelle
7

Da HTML5 noch in Arbeit ist und noch keine einheitliche Unterstützung für alle Browser bietet, wird es wahrscheinlich eine Weile dauern, bis Sie einen WYSIWYG HTML5-Editor erhalten.

Gewöhnen Sie sich in der Zwischenzeit daran, Ihr Markup in einem guten Texteditor wie Notepad ++ oder TextEdit von Hand zu bearbeiten .

Justin Niessner
quelle
Ich denke du meintest s / test / text / ..
Tim Post
1
@ Jordanstephens - Ja. Ja wirklich. TextEdit.
Justin Niessner
@justin Niessner Ich meine, sicher, dass es funktioniert, ich würde es einfach nicht in eine Liste von "guten Texteditoren"
einbinden.
@jordanstephens Nur weil TextEdit nicht alle ausgefallenen Funktionen einiger anderer Apps bietet, heißt das nicht, dass es nicht gut darin ist, Text zu bearbeiten.
Alex Larzelere
Sie beantworten die Frage nicht
Kickaha
4

Nur um darauf hinzuweisen, HTML5 an sich ist nicht "weit davon entfernt, fertig zu sein"; Es ist eigentlich so gut wie fertig, "von der Arbeitsgruppe in Betracht gezogen, um die relevanten Anforderungen ihrer Charta und der dazugehörigen Anforderungsdokumente zu erfüllen." Es wird einige Dinge zu bügeln geben, und die Kernspezifikation enthält einige begleitende Addon-Bits, aber der Großteil davon ist sofort einsatzbereit, wobei ein Großteil davon in den neuesten Browsern stabil ist.

Nicholas Wilson
quelle
3

NetBeans 7 bietet eine gute Unterstützung für HTML5. Früher war ich ein starker Benutzer von Eclipse, verbrachte aber mehr Zeit mit NetBeans, um mit HTML5 und Servlet zu spielen.

Samuel Zhang
quelle
2

Für Online-Lösungen versuchen Sie Maqetta und Aloha Editor

Für eine Offline-Lösung (herunterladbar) versuchen Sie es mit Blue Griffin

sie sind kostenlos :) oh yeah, noch einer, mein Lieblingseditor :) und der Spieleditor auch: construct2

deval
quelle
1

Ich muss mich fragen, ob Sie speziell einen Editor benötigen, der HTML5 verarbeiten kann. Es ist immer noch HTML. Es gibt zwar Änderungen, aber nicht allzu viele, wenn Sie bereits mit HTML4 vertraut sind. Ich vermute, dass fast jeder Editor, der mit HTML umgehen kann, auch mit HTML5 umgehen kann.

Grant Palin
quelle
1

Radrails 3 soll es haben, Aptana Studio 3 wird es haben. Radrails ist in der Beta, das ist also eine Art Wermutstropfen, aber es ist trotzdem da, um einen Wirbel zu geben.

Es ist auch plattformübergreifend, für diejenigen von uns Nicht-Windoze-Jungs.

Sammi Sanders
quelle
1

Habe in der Schule und wie Justing bereits sagte, nachgeforscht. Die Spezifikation ist noch lange nicht fertig, daher wird es wahrscheinlich eine Weile dauern, bis HTML5 im Editor unterstützt wird. Obwohl Browser damit beschäftigt sind, die Teile aus der Spezifikation zu implementieren, die gut genug sind, um verwendet zu werden.

Am besten folgen Sie Blogs, Tutorials und anderen Artikeln im Internet und experimentieren selbst mit der Entwicklung in HTML5.

BEARBEITEN: Habe gerade ein Visual Studio 2008/2010 Plug-In hier gefunden

rauben
quelle
1

HTML Pencil ist ein Online-HTML-Editor, der für moderne Browser entwickelt wurde.


quelle
0

Dies könnte Sie nicht interessieren, sondern nur zum Hinzufügen (0:, ich mag VS2008 IDE für die HTML-Bearbeitung - und es verdoppelt den Spaß, wenn Sie eine Internet Explorer-Entwickler-Symbolleiste haben (wie die von Firebug).

KMån
quelle
0

Visual Web Developer Express

AlexanderMP
quelle
2
Dadurch erhalten Sie die Validierung des HTML5-Schemas, das Markup muss jedoch noch von Hand bearbeitet werden. Ich denke, das OP sucht nach einem WYSIWYG-Editor ... was Visual Web Developer Express nicht ist (für HTML5).
Justin Niessner