Jakiś dobry, wizualny edytor HTML5 lub IDE? [Zamknięte]

116

Cóż, wygląda na to, że Dreamweaver CS5 będzie próbował wygładzić HTML5 przez kilka lat (a właściwie tygodni). Wygląda na to, że następny szczebel skierowany jest prosto do Notatnika!

Czy ktoś zna dobry edytor HTML5 z opcją wizualną / podglądu / stylu?

Eclipse with a pluggin?

(Wygląda na to, że rynek wkrótce będzie o to błagać.)

Dzięki

...Tak poza tym. Wiem o „braku obsługi przeglądarki”… „jeszcze nie ukończono”… itd. To nie jest dla nas problem. Zajmujemy się jedyną produkcją dla witryn Safari Only i iPhone iAd ... Więc wiemy, co działa w naszych wdrożeniach. (Nawiasem mówiąc, głównie na Windowsie)

ActionFactory
źródło
3
Wow, kolejne pytanie zamknięte jako „nie na temat” z 174 tysiącami wyświetleń i wieloma dobrymi odpowiedziami! Cieszę się, że to nie tylko moje ...
Mrk Fldig,

Odpowiedzi:

8

Cloud 9 IDE . Pamięć masowa jest w chmurze + lokalna, oferuje autouzupełnianie, zapewnia wyraźne wsparcie dla rozwoju node.js, oferuje współpracę w czasie rzeczywistym i dostajesz do umowy wszystkie najpopularniejsze narzędzia (w tym gcc). Wszystko to bez konieczności otwierania czegokolwiek poza przeglądarką.

Myślę, że to całkiem niesamowite.

EDYCJA Q3 2013 Proponuję również JetBrains WebStorm. Posiada funkcje autouzupełniania i solidnego refaktoryzacji dla HTML5, CSS3, JS. I jest bardzo czuły.

Inżynier
źródło
Nowe łącze Cloud 9 IDE
Menelaos Kotsollaris
39

Zawsze lubiłem Aptana Studio do programowania HTML. Aptana Studio 3 beta obsługuje najnowsze specyfikacje HTML5 i jest dość szybka (w porównaniu do wersji 2). Dostępna jest wersja samodzielna i wersja wtyczki Eclipse.
AKTUALIZACJA: dostępna jest ostateczna wersja (ten sam link)

Jan
źródło
1
+1 dla Aptana Studio 3 beta. To całkiem fajne IDE i jest wieloplatformowe.
Octavian A. Damiean
UPDATE: Out of beta i pierwszy bugfix uwalnianiu, właśnie teraz: aptana.com/products/studio3/releasenotes
Jan
Oprócz funkcji wizualnych / WYSIWYG na tagach HTML5, chciałbym mieć IDE, które jest świadome interfejsu API HTML5, takiego jak API Web Storage itp., Kiedy piszę window <dot>, autouzupełnianie obiektu sessionStorage i localStorage itp. Nie pojawia się ...
Lee Chee Kiam
Ach, "mopsy". Puggins zrobiłby świetne nazwisko. Dzięki za śmiech.
Inżynier
10

Aktualizacja

Użyj Aptana Studio 3 , jest teraz zaktualizowany.

Możesz wybrać

Wypróbuj online Aloha WYSIWYG Editor

Ale jako twórca stron internetowych nadal wolę Notepad ++ , ma niezbędne wspomaganie kodu.


Nieaktualne informacje, nie odsyłaj.


To może być późna odpowiedź, tak bardzo późna odpowiedź, ale na pewno pomoże komuś
Pobierz "Eclipse IDE dla programistów Java EE" Najnowsza wersja stabilna

Pobierz wtyczkę Google dla Eclipse.zip
Wybierz pobieranie zgodnie z wersją Eclipse
po pobraniu ( nie rozpakuj )
Otwórz Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
w polu „Nazwa” wpisz „Wtyczka Google” Kliknij OK.

Zignoruj ​​ostrzeżenia, po rywalizacji o instalację zrestartuj Eclipse.


Jak korzystać z wtyczki Google do Eclipse
    File> New> Other> Web> Static Web Project> Enter Project name

Utwórz nowy projekt sieci Web


    Utwórz nowy plik HTML

Utwórz nowy plik HTML


    Podaj nazwę index.html

index.html

    Wybierz Właściwości pliku HTML

Ustaw Właściwości na HTML5

    Naciśnij Ctrl + Spacja

Ściągawka HTML5

podobnie utwórz nowy plik * .css
Kliknij prawym przyciskiem myszy plik css> Właściwości> Ustawienia zawartości WWW> Wybierz profil CSS3> ok
Wciśnij CTRL + spacja
Ściągawka CSS3
Wooo, tak, rozpocznij kodowanie.!

VenomVendor
źródło
Nie jestem pewien, gdzie przegapiłem, ale nie mogę znaleźć „Static Web Project” po zainstalowaniu wtyczki Google dla Eclipse. Jedyny nowy typ projektu dotyczy Google App Engine.
Zhao Xiang
Jakiej wersji Eclipse używasz?
VenomVendor,
Indigo Service Release 1. Później wypróbowałem wtyczkę Aptana i działa
Zhao Xiang
Zawsze lepiej jest używać najnowszej wersji dowolnego IDE, możesz wypróbować Juno JEE, aby uzyskać lepsze wyniki
VenomVendor
8

Topstyle 4 to jedyny, z którym spotkałem się z obsługą HTML5 (i CSS3). Jego wczesne etapy, ale w większości działa wystarczająco.

Frazor
źródło
7

Ponieważ HTML5 jest nadal w toku i nie ma jeszcze spójnej obsługi we wszystkich przeglądarkach, przypuszczam, że minie trochę czasu, zanim otrzymasz edytor HTML5 WYSIWYG.

W międzyczasie przyzwyczaić się do ręcznego edytowania znaczników w dobrym edytorze tekstu, takim jak Notepad ++ lub TextEdit .

Justin Niessner
źródło
Myślę, że miałeś na myśli s / test / text / ..
Tim Post
1
@jordanstephens - Tak. Naprawdę. TextEdit.
Justin Niessner
@justin Niessner Mam na myśli, że to działa, po prostu nie wrzucałbym tego do listy „dobrych edytorów tekstu”. Przypuszczam, że każdemu z nich ...
jordanstephens
@jordanstephens tylko dlatego, że TextEdit nie ma wszystkich wymyślnych funkcji niektórych innych aplikacji, nie oznacza, że ​​nie jest dobry w edycji tekstu.
Alex Larzelere
Nie odpowiadasz na pytanie
Kickaha
4

Wystarczy wskazać, HTML5 per se nie jest „daleko od gotowy”; jest właściwie ukończony, „uznany przez Grupę Roboczą za spełniający odpowiednie wymagania jej statutu i wszelkich towarzyszących dokumentów wymagań”. Będzie kilka rzeczy do rozwiązania, a podstawowa specyfikacja ma towarzyszące bity dodatków, ale większość z nich jest w rzeczywistości gotowa do użycia od razu, a większość z nich jest stabilna w najnowszych przeglądarkach.

Nicholas Wilson
źródło
3

NetBeans 7 ma dobre wsparcie dla HTML5. Wcześniej byłem ciężkim użytkownikiem Eclipse, ale spędzałem więcej czasu z NetBeans, aby bawić się HTML5 i serwletem.

Samuel Zhang
źródło
2

aby uzyskać rozwiązanie online, wypróbuj maqetta i aloha editor

dla rozwiązania offline (do pobrania) wypróbuj Blue Griffon

są darmowe :) o tak, jeszcze jeden, mój ulubiony edytor :) i także edytor gier: construct2

dewal
źródło
1

Muszę zapytać, czy potrzebujesz konkretnie edytora zdolnego do obsługi HTML5. To wciąż HTML. Są zmiany, tak, ale nie aż tak duże, jeśli znasz już HTML4. Podejrzewam, że większość edytorów obsługujących HTML również powinna obsługiwać HTML5.

Grant Palin
źródło
1

Ma go mieć Radrails 3, będzie go miał Aptana Studio 3. Radrails jest w fazie beta, więc to trochę przygnębiające, ale mimo to jest po to, by dać wir.

Jest też wieloplatformowy, dla tych z nas, nie-Windoze'ów.

Sammi Sanders
źródło
1

Poszukiwał tego w szkole i jak już powiedział Justing. Specyfikacja nie jest jeszcze gotowa, więc prawdopodobnie minie trochę czasu, zanim HTML5 będzie obsługiwany w edytorze. Chociaż przeglądarki są zajęte implementacją części ze specyfikacji, które są wystarczająco dobre, aby można było ich użyć.

Najlepsze, co możesz zrobić, to śledzić blogi, samouczki i inne artykuły w Internecie i eksperymentować z samodzielnym programowaniem w HTML5.

EDYCJA: Właśnie znalazłem tutaj wtyczkę Visual Studio 2008/2010

Obrabować
źródło
1

HTML Pencil to internetowy edytor HTML stworzony dla nowoczesnych przeglądarek.


źródło
0

To może cię nie interesować, ale po prostu dodaj (0 :, lubię VS2008 IDE do edycji html - i podwaja to zabawę, jeśli masz pasek narzędzi programisty Internet Explorer (jak w przypadku firebuga).

KMån
źródło
0

Visual Web Developer Express

AlexanderMP
źródło
2
Zapewni to walidację schematu HTML5, ale nadal musisz ręcznie edytować znaczniki. Myślę, że OP szuka edytora WYSIWYG ... którym Visual Web Developer Express nie jest (dla HTML5).
Justin Niessner