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)


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.



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)


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.!


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.


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 .


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.




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.


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



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.


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.


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



1

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


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).



Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.