分享

Any good, visual HTML5 Editor or IDE?

 quasiceo 2015-01-05

Well it looks like Dreamweaver CS5 will try to smoother the HTML5 thing for a few more years (weeks actually). Seems like the next rung down is right to Notepad!

Anyone know a good HTML5 editor with a visual/preview/style leaning?

Eclipse with some pluggin?

(Seems like the market will be begging for it soon.)

Thanks

...By the way. I know about the 'no browser support'...'not finished yet'..etc. That's not an issue for us. We are doing Safari Only websites & iPhone iAd's only production...So we know what works in our implementations. (We mostly on Windows by the way)

asked Apr 14 '10 at 13:56
ActionFactory
6322713

closed as off-topic by animuson? Dec 9 '14 at 16:29

This question appears to be off-topic. The users who voted to close gave this specific reason:

  • "Questions asking us to recommend or find a book, tool, software library, tutorial or other off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it." – animuson
If this question can be reworded to fit the rules in the help center, please edit the question.

    
Wow look another question closed as "off topic" with 174K in views and lots of good answers! Glad to see it's not just mine... –  Mrk Fldig Dec 15 '14 at 16:13

19 Answers

up vote 8 down vote accepted

Cloud 9 IDE. Storage is cloud+local, it offers autocompletion, it provides explicit support for node.js development, offers real-time collaboration, and you get bash into the deal with all its most popular tools (gcc included). All without having to open anything other than your browser.

I think that's Pretty Awesome.

EDIT Q3 2013 I would also suggest JetBrains WebStorm. It has autocompletion and solid refactoring features for HTML5, CSS3, JS. And it is very responsive.

answered Oct 22 '12 at 21:10
Nick Wiggill
2,1932133

    
Cloud 9 IDE new link –  Try_me34 Nov 13 '14 at 1:16

I always liked Aptana Studio for HTML development. Aptana Studio 3 beta supports the latest HTML5 specifications and is quite fast (compared to version 2). There is a standalone and an Eclipse pug-in version available.
UPDATE: Final release available (same link)

answered Sep 30 '10 at 13:07
Jan
1,26111115

1  
+1 for Aptana Studio 3 beta. It is quite a nice IDE and it is cross-platform. –  Octavian Damiean Sep 30 '10 at 13:11
1  
+1 for the Eclipse plug-in. –  Benny Jan 11 '11 at 10:50
    
UPDATE: Out of beta and first Bugfix-release, right now: /products/studio3/releasenotes –  Jan May 10 '11 at 14:48
    
Slowpoke like app. –  noober Jul 14 '11 at 20:09
    
Besides visual/WYSIWYG on HTML5 tags feature, I wish to have IDE that aware of HTML5 API like Web Storage API etc, when I type window <dot>, the sessionStorage and localStorage etc object autocompletion do not appear... –  CK Lee Mar 15 '12 at 9:09

Update

Use Aptana Studio 3, it's upgraded now.

You can either choose

Try online Aloha WYSIWYG Editor

But as a web-developer, I still prefer Notepad++, it has necessary code assists.


Outdated info, please don't refer.


This might be late answer, yeah very late answer, but surely will help someone
Download "Eclipse IDE for Java EE Developers" Latest Stable Version

Download Google Plugin for Eclipse.zip
Select your download according to your Eclipse Version
After Downloading (don't Unzip)
Open Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
in the field "Name" enter "Google Plugin" Click ok.

Ignore the Warnings, After Competion of Installation, Restart Eclipse.


How to use Google Plugin for Eclipse
    File > New > Other > Web > Static Web Project > Enter Project name

Create New Web Project


    Create New HTML File

Create New HTML File


    Name to index.html

index.html

    Select Properties of HTML File

Set Properties to HTML5

    Hit Ctrl+Space

Cheat Sheet HTML5

similarly create new *.css file
Right Click on the css file > Properties > Web Content Settings > Select CSS3 Profile > ok
Hit CTRL+Space
CSS3 Cheat Sheet
Wooo, Yeah Start Coding.!

answered May 10 '12 at 14:59
VenomVendor
3,70062351

    
I'm not sure where I missed, but I can't find "Static Web Project" after installed Google Plugin for Eclipse. The only new project type is something about Google App Engine. –  Zhao Xiang Sep 12 '12 at 8:25
    
What version of Eclipse are you using? –  VenomVendor Sep 12 '12 at 8:34
    
Indigo Service Release 1. Later I tried Aptana plugin, and it works –  Zhao Xiang Sep 13 '12 at 8:00
    
It's always better to use latest version of any IDE, you can try Juno JEE for better results –  VenomVendor Sep 13 '12 at 8:37

Topstyle 4 is the only one I've com e across with HTML5 (and CSS3) support. Its early stages but it works enough for the most part.

answered Apr 15 '10 at 13:33
Frazor
1262

2  
+1 for TopStyle! –  Electric Automation Apr 16 '10 at 3:05

Since HTML5 is still in the works and doesn't have consistant support across any browsers yet, my guess is that it's going to be quite a while before you get a WYSIWYG HTML5 Editor.

In the mean time, get used to editting your markup by hand in a good text editor like Notepad++ or TextEdit.

answered Apr 14 '10 at 13:59
Justin Niessner
151k12238364

    
Exactly........ –  Rob Apr 14 '10 at 15:33
1  
Aptana isn't too bad –  dassouki Apr 15 '10 at 13:34
    
I think you meant s/test/text/ .. –  Tim Post? Apr 15 '10 at 13:36
1  
TextEdit, really? –  jordanstephens Jul 7 '10 at 19:25
1  
@jordanstephens - Yes. Really. TextEdit. –  Justin Niessner Jul 7 '10 at 19:44

Just to point out, HTML5 per se is not "far from ready"; it is actually pretty much finished, "considered by the Working Group to fulfill the relevant requirements of its charter and any accompanying requirements documents." There will be some things to iron out, and the core spec has some accompanying addon bits, but the majority of it is actually ready to use right away, with much of it stable in latest browsers.

answered Apr 14 '10 at 15:43
Nicholas Wilson
4,77211049

You should take a look at Atlas: http:///what.php

answered Apr 30 '10 at 23:15

    
Link is broken. –  beporter Oct 7 '13 at 16:22

Adobe Dreamweaver CS5 HTML5 Pack

http://labs.adobe.com/technologies/html5pack/

answered May 23 '10 at 2:28
Jitendra Vyas
30.7k107371649

NetBeans 7 has nice support for HTML5. Previously I was a heavy user of Eclipse, but spend more time with NetBeans to play with HTML5 and Servlet.

answered Aug 2 '11 at 6:26
Samuel Zhang
1,021610

for online solution try maqetta and aloha editor

for offline solution (download-able) try blue griffon

they are free :) oh yeah, one more, my favorite editor :) and game editor also: construct2

answered Apr 16 '12 at 11:56
deval
6211

Coffee Cup Just released one. July 6, 2010 http://www./html-editor/

They now also have an OS X version in beta — see also this stackoverflow post.

answered Jul 7 '10 at 19:21
Eric
211

I must question whether you need, specifically, an editor capable of handling HTML5. It's still HTML. There are changes, yes, but not all that much if you are already comfortable with HTML4. I suspect that most any editor capable of handling HTML should be able to handle HTML5 as well.

answered Apr 15 '10 at 19:13
Grant Palin
3,51621640

    
Eclipse JS is not! –  bmm Nov 15 '10 at 7:20

Radrails 3 is supposed to have it, Aptana Studio 3 will have it. Radrails is in beta, so thats kind of a downer, but none the less it is there to give'r a whirl.

It is multi-platform too, for those of us non-Windoze fellas.

answered Apr 16 '10 at 3:03

Did research for this at school and as Justing already said. The specification is far from ready, so it wil probably take a while before HTML5 is being supported in editor. Though browsers are busy implementing the parts from the specification that are good enough to be used.

Best you can do is follow blogs, tutorials and other articles on the internet and experiment with developing in HTML5 yourself.

EDIT: Just found an Visual Studio 2008/2010 Plug-in here

answered Apr 14 '10 at 14:07
Rob
2,45362859

Try the HTML5 editor written in HTML5 itself

http://www.

answered Jun 3 '11 at 5:48
sheaujye
413

HTML Pencil is an online HTML editor created for modern browsers.

answered Jul 14 '14 at 9:47
user648340

This might not interest you but just to add (0:, I like VS2008 IDE for html editing - and it doubles the fun if you have internet explorer developer toolbar (like that of firebug).

answered Apr 14 '10 at 14:00
KM?n
8,13011432

answered Apr 14 '10 at 14:04
AlexanderMP
6,27211539

2  
That will give you the HTML5 schema validation, but you still have to edit the markup by hand. I think the OP is looking for a WYSIWYG editor...which Visual Web Developer Express is not (for HTML5). –  Justin Niessner Apr 14 '10 at 14:06

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多