Html 有什么好的、可视化的 HTML5 编辑器或 IDE？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2637930/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Any good, visual HTML5 Editor or IDE?
提问by ActionFactory
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!
好吧，看起来 Dreamweaver CS5 将在几年内（实际上是几周）尝试使 HTML5 变得更流畅。似乎下一个梯级对记事本来说是正确的！
Anyone know a good HTML5 editor with a visual/preview/style leaning?
任何人都知道具有视觉/预览/样式倾向的优秀 HTML5 编辑器？
Eclipse with some pluggin?
带一些插件的 Eclipse？
(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)
...顺便一提。我知道“不支持浏览器”......“尚未完成”......等等。这对我们来说不是问题。我们正在制作 Safari Only 网站和 iPhone iAd 的唯一产品...所以我们知道什么在我们的实施中有效。（顺便说一下，我们主要使用 Windows）
采纳答案by Engineer
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.
云 9 IDE。存储是云+本地的，它提供自动完成，它为 node.js 开发提供明确的支持，提供实时协作，并且您可以使用 bash 来处理其所有最流行的工具（包括 gcc）。所有这些都无需打开浏览器以外的任何东西。
I think that's Pretty Awesome.
我认为这是非常棒的。
EDIT Q3 2013I would also suggest JetBrains WebStorm. It has autocompletion and solid refactoring features for HTML5, CSS3, JS. And it is very responsive.
编辑 2013 年第三季度我还建议使用 JetBrains WebStorm。它具有 HTML5、CSS3、JS 的自动完成和可靠的重构功能。它非常敏感。
回答by Jan
I always liked Aptana Studio for HTML development. Aptana Studio 3 betasupports 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)
我一直喜欢用于 HTML 开发的 Aptana Studio。Aptana Studio 3 beta支持最新的 HTML5 规范并且速度相当快（与版本 2 相比）。有一个独立的和一个 Eclipse 插件版本可用。
更新：最终版本可用（相同链接）
回答by VenomVendor
Update
更新
Use Aptana Studio 3, it's upgraded now.
使用Aptana Studio 3，现已升级。
You can either choose
你可以选择
- Standalone Version
- Eclipse Plug-in Version
- 单机版
- Eclipse 插件版本
Try online Aloha WYSIWYG Editor
But as a web-developer, I still prefer Notepad++, it has necessary code assists.
但是作为一个网络开发者，我还是更喜欢Notepad++，它有必要的代码辅助。
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 EclipseHelp > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
in the field "Name" enter "Google Plugin" Click ok.
这可能是迟到的答案，是的，非常晚的答案，但肯定会帮助某人
下载“Java EE Developers 的 Eclipse IDE”最新稳定版本
下载Eclipse.zip 的 Google 插件
下载后根据您的Eclipse 版本选择
下载（不要解压缩)
在“名称”字段中
打开 Eclipse Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
，输入“Google 插件”单击确定。
Ignore the Warnings, After Competion of Installation, Restart Eclipse.
忽略警告，完成安装后，重新启动 Eclipse。
How to use Google Plugin for Eclipse
File > New > Other > Web > Static Web Project > Enter Project name
如何使用 Google Plugin for Eclipse
File > New > Other > Web > Static Web Project > Enter Project name
Create New HTML File
创建新的 HTML 文件
Name to index.html
命名为 index.html
Select Properties of HTML File
选择 HTML 文件的属性
Hit Ctrl+Space
按 Ctrl+空格键
similarly create new *.css file
Right Click on the css file > Properties > Web Content Settings > Select CSS3 Profile > ok
Hit CTRL+Space
Wooo, Yeah Start Coding.!
同样创建新的 *.css 文件
右键单击 css 文件 > 属性 > Web 内容设置 > 选择 CSS3 配置文件 > 确定
点击 CTRL+Space
哇哦，是的开始编码。！
回答by Frazor
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.
Topstyle 4 是我遇到的唯一一个支持 HTML5（和 CSS3）的版本。它的早期阶段，但它在大多数情况下已经足够了。
回答by Justin Niessner
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.
由于 HTML5 仍在开发中，并且还没有在任何浏览器上得到一致的支持，我的猜测是在您获得 WYSIWYG HTML5 编辑器之前还需要很长时间。
In the mean time, get used to editting your markup by hand in a good text editor like Notepad++or TextEdit.
回答by Nicholas Wilson
Just to point out, HTML5 per seis 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.
需要指出的是，HTML5本身并不“远未准备好”；它实际上几乎已经完成，“工作组认为它满足其章程和任何随附要求文件的相关要求。” 会有一些事情需要解决，核心规范有一些附带的插件位，但其中大部分实际上可以立即使用，其中大部分在最新浏览器中稳定。
回答by Francisco Ryan Tolmasky I
You should take a look at Atlas: http://280atlas.com/what.php
你应该看看阿特拉斯：http: //280atlas.com/what.php
回答by Jitendra Vyas
Adobe Dreamweaver CS5 HTML5 Pack
Adobe Dreamweaver CS5 HTML5 包
回答by Samuel Zhang
NetBeans 7has nice support for HTML5. Previously I was a heavy user of Eclipse, but spend more time with NetBeans to play with HTML5 and Servlet.
NetBeans 7对 HTML5 有很好的支持。以前我是 Eclipse 的重度用户，但花更多时间在 NetBeans 上玩 HTML5 和 Servlet。
回答by deval
for online solution try maqetta and aloha editor
对于在线解决方案，请尝试 maqetta 和 aloha 编辑器
for offline solution (download-able) try blue griffon
对于离线解决方案（可下载），请尝试 blue griffon
they are free :) oh yeah, one more, my favorite editor :) and game editor also: construct2
它们是免费的 :) 哦，是的，还有一个，我最喜欢的编辑器 :) 和游戏编辑器：construct2
