任何好的可视化 HTML5 编辑器或 IDE？ [关闭]答案

【问题标题】：Any good, visual HTML5 Editor or IDE? [closed]任何好的可视化 HTML5 编辑器或 IDE？ [关闭]
【发布时间】：2011-02-07 22:30:51
【问题描述】：

好吧，Dreamweaver CS5 似乎会在未来几年（实际上是几周）内尝试使 HTML5 变得更流畅。似乎下一个梯级是记事本的权利！

任何人都知道具有视觉/预览/样式倾向的优秀 HTML5 编辑器吗？

带有一些插件的Eclipse？

（似乎市场很快就会乞求它。）

谢谢

...顺便说一句。我知道'没有浏览器支持'......'尚未完成'..等等。这对我们来说不是问题。我们正在做 Safari Only 网站和 iPhone iAd 的唯一生产......所以我们知道在我们的实施中什么是有效的。（顺便说一下，我们主要在 Windows 上）

【问题讨论】：

哇，另一个问题以“离题”的形式结束，有 174K 的浏览量和很多好的答案！很高兴看到它不只是我的……

标签： ide editor html html-editor

【解决方案1】：

由于 HTML5 仍在开发中，并且尚未在任何浏览器中提供一致的支持，我猜想您还需要很长时间才能获得所见即所得的 HTML5 编辑器。

同时，习惯于在像 Notepad++ 或 TextEdit 这样的优秀文本编辑器中手动编辑您的标记。

【讨论】：

我认为你的意思是 s/test/text/ ..
@jordanstephens - 是的。真的。文本编辑。
@justin Niessner 我的意思是确定它有效，我只是不会将它归为“优秀文本编辑器”列表，我想每个人都有自己的......
@jordanstephens 仅仅因为 TextEdit 没有其他一些应用程序的所有花哨功能并不意味着它不擅长编辑文本。
你没有回答问题

【解决方案2】：

这可能你不感兴趣，只是为了添加 (0:，我喜欢 VS2008 IDE 进行 html 编辑 - 如果你有 Internet Explorer 开发工具栏（如萤火虫的工具栏），它会加倍乐趣。

【讨论】：

【解决方案3】：

Visual Web Developer Express

【讨论】：

这将为您提供 HTML5 架构验证，但您仍然必须手动编辑标记。我认为 OP 正在寻找一个所见即所得的编辑器……Visual Web Developer Express 不是（对于 HTML5）。

【解决方案4】：

正如贾斯廷所说，在学校对此进行了研究。该规范远未准备好，因此编辑器支持 HTML5 可能需要一段时间。尽管浏览器正忙于实现规范中足以使用的部分。

您可以做的最好的事情是关注互联网上的博客、教程和其他文章，并尝试自己使用 HTML5 进行开发。

编辑：刚刚找到一个 Visual Studio 2008/2010 插件here

【讨论】：

【解决方案5】：

只是指出，HTML5 本身还没有“准备好”；它实际上已经完成了，“工作组认为满足其章程的相关要求和任何随附的要求文件。”会有一些事情需要解决，核心规范有一些附带的插件位，但其中大部分实际上可以立即使用，其中大部分在最新的浏览器中稳定。

【讨论】：

【解决方案6】：

Topstyle 4 是我遇到的唯一一个支持 HTML5（和 CSS3）的。它处于早期阶段，但在大多数情况下已经足够了。

【讨论】：

【解决方案7】：

我必须质疑您是否需要一个能够处理 HTML5 的编辑器。它仍然是 HTML。有一些变化，是的，但如果你已经习惯了 HTML4，那么变化就不是那么多了。我怀疑大多数能够处理 HTML 的编辑器也应该能够处理 HTML5。

【讨论】：

【解决方案8】：

Radrails 3 应该有它，Aptana Studio 3 会有它。 Radrails 处于测试阶段，所以这有点令人沮丧，但它仍然可以让你试一试。

它也是多平台的，对于我们这些非 Windoze 的人来说。

【讨论】：

【解决方案9】：

查看 SproutCore。

http://www.appleinsider.com/articles/10/04/19/sproutcore_debuts_new_html5_web_development_tools.html

【讨论】：

【解决方案10】：

你应该看看 Atlas：http://280atlas.com/what.php

【讨论】：

【解决方案11】：

Adobe Dreamweaver CS5 HTML5 包

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

【讨论】：

【解决方案12】：

Coffee Cup 刚刚发布了一款。 2010 年 7 月 6 日 http://www.coffeecup.com/html-editor/

他们现在还有一个测试版的 OS X 版本——另见 this stackoverflow post.

【讨论】：

【解决方案13】：

我一直很喜欢 Aptana Studio 用于 HTML 开发。 Aptana Studio 3 beta 支持最新的 HTML5 规范，速度相当快（与版本 2 相比）。有一个独立版本和一个 Eclipse 插件版本可用。
更新：提供最终版本（相同链接）

【讨论】：

+1 适用于 Aptana Studio 3 测试版。这是一个相当不错的 IDE，而且它是跨平台的。
更新：测试版和第一个错误修复版本，现在：aptana.com/products/studio3/releasenotes
除了 HTML5 标签功能上的可视化/所见即所得之外，我希望 IDE 能够识别 Web Storage API 等 HTML5 API，当我键入 window 时，sessionStorage 和 localStorage 等对象自动完成不会出现...
啊，“pug-ins”。普金斯将成为一个伟大的姓氏。谢谢你的笑声。

【解决方案14】：

试试用 HTML5 本身编写的 HTML5 编辑器

http://www.mobdis.com

【讨论】：

【解决方案15】：

NetBeans 7 对 HTML5 有很好的支持。以前我是 Eclipse 的重度用户，但花更多时间在 NetBeans 上玩 HTML5 和 Servlet。

【讨论】：

【解决方案16】：

对于在线解决方案，请尝试 maqetta 和 aloha 编辑器

对于离线解决方案（可下载）尝试 blue griffon

他们是免费的 :) 哦，是的，还有一个，我最喜欢的编辑器 :) 和游戏编辑器：construct2

【讨论】：

【解决方案17】：

更新

使用Aptana Studio 3，现在升级了。

你可以选择

独立版
Eclipse Plug-in Version

在线尝试Aloha WYSIWYG Editor

但作为一名网络开发者，我还是更喜欢Notepad++，它有必要的代码辅助。

资料陈旧，请勿参考。

这可能是迟到的答案，是的，非常迟的答案，但肯定会帮助某人
下载 “面向 Java EE 开发人员的 Eclipse IDE” Latest Stable Version

下载 Google Plugin for Eclipse.zip
根据您的 Eclipse 版本选择下载
下载后（不要解压）
打开 Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
在“名称”字段中输入“Google 插件”点击确定。

忽略警告，安装完成后重启Eclipse。

如何使用 Eclipse 的 Google 插件
文件 > 新建 > 其他 > Web > 静态 Web 项目 > 输入项目名称

创建新的 HTML 文件

index.html 的名称

选择 HTML 文件的属性

按 Ctrl+空格

同样创建新的 *.css 文件
右键单击 css 文件 > 属性 > Web 内容设置 > 选择 CSS3 配置文件 > ok
按 CTRL+空间

哇，是的，开始编码吧！

【讨论】：

我不确定我错过了哪里，但是在安装 Google Plugin for Eclipse 后我找不到“静态 Web 项目”。唯一的新项目类型是关于 Google App Engine。
您使用的是什么版本的 Eclipse？
Indigo Service Release 1。后来我尝试了Aptana插件，它可以工作
使用任何 IDE 的最新版本总是更好，您可以尝试 Juno JEE 以获得更好的结果

【解决方案18】：

Cloud 9 IDE。存储是云+本地的，它提供自动完成功能，它为 node.js 开发提供明确的支持，提供实时协作，并且您可以使用它所有最流行的工具（包括 gcc）进行交易。无需打开浏览器以外的任何东西。

我觉得这太棒了。

EDIT Q3 2013 我还建议使用 JetBrains WebStorm。它具有针对 HTML5、CSS3、JS 的自动完成和可靠的重构功能。而且反应灵敏。

【讨论】：

Cloud 9 IDE new link

【解决方案19】：

HTML Pencil 是为现代浏览器创建的在线 HTML 编辑器。

【讨论】：