logo标签列表

有什么好用的、视觉效果好的HTML5编辑器或IDE吗？

ideeditorhtmlhtml-editor
116

看起来Dreamweaver CS5将在未来几年（实际上只有几周）继续尝试平稳过渡到HTML5。似乎下一个选择就是记事本了！

有人知道有可视化/预览/样式倾向的好的HTML5编辑器吗？

Eclipse带一些插件？

（看起来市场很快会迫切需要它。）

谢谢。

顺便说一下，我知道关于“没有浏览器支持”、“还没有完成”等问题。这对我们来说不是问题。我们只制作Safari网站和iPhone iAd广告...所以我们知道我们实现中可行的方法。（顺便提一下，我们大多数都使用Windows）

3
哇，又有一个问题因为“不相关话题”而关闭了，该问题已经有174,000次点击和很多好的回答！很高兴看到这不仅仅发生在我的问题上... - Mrk Fldig
19个回答
39

我一直喜欢使用Aptana Studio进行HTML开发。Aptana Studio 3 beta支持最新的HTML5规范，并且相对于第二个版本来说速度更快。有独立的和基于Eclipse插件的版本可用。
更新：最终版本已经发布（同样的链接）

1
Aptana Studio 3 beta 很不错，而且是跨平台的，值得一试。 - Octavian Helm
更新：已经退出测试版并发布了第一个错误修复版本，现在请访问：http://aptana.com/products/studio3/releasenotes - Jan
除了HTML5标签的可视化/WYSIWYG功能外，我希望拥有一个能够意识到HTML5 API（例如Web Storage API）的IDE，在我输入window<dot>时，sessionStorage和localStorage等对象自动完成不会出现... - Lee Chee Kiam
啊，"插件"。Puggins会是一个很好的姓氏。谢谢你让我笑了。 - Engineer
10

更新

使用升级后的Aptana Studio 3。

你可以选择以下两个版本：

试试在线的Aloha WYSIWYG 编辑器。

但作为一个 Web 开发者，我仍然更喜欢Notepad++，它具有必要的代码辅助功能。

过时的信息，请勿参考。

这可能是一个晚回答，是的，非常晚，但肯定会对某些人有所帮助。
下载“Eclipse IDE for Java EE Developers” 最新稳定版

下载Google Plugin for Eclipse.zip
根据您的Eclipse 版本选择相应的下载版本
下载完成后(不要解压)
打开 Eclipse
帮助 > 安装新软件 > 添加 > 归档 > 选择下载的插件.zip
在“名称”字段中输入“Google Plugin”，点击确定。

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


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

创建新的 Web 项目

    创建新的 HTML 文件

新建HTML文件

   将名称设置为index.html

index.html

   选择HTML文件的属性

将属性设置为HTML5

   按Ctrl + Space键

HTML5速查表

同样地创建新的*.css文件
右击CSS文件 > 属性 > Web内容设置 > 选择CSS3配置文件 > 确定
按下CTRL + Space键
CSS3速查表
喔，是的，开始编码吧！

我不确定我错过了哪里，但在安装了Google Plugin for Eclipse之后，我找不到“静态Web项目”。唯一的新项目类型是关于Google App Engine的。 - Zhao Xiang
你正在使用哪个版本的Eclipse？ - VenomVendor
Indigo服务发布1。后来我尝试了Aptana插件，它可以正常工作。 - Zhao Xiang
始终使用最新版本的任何IDE都是更好的选择，您可以尝试Juno JEE以获得更好的结果。 - VenomVendor
8

我遇到的唯一支持HTML5（和CSS3）的编辑器是Topstyle 4。虽然它还处于早期阶段，但大部分功能都可以正常使用。

8
Cloud 9 IDE是一种云加本地存储的技术，它提供自动完成、专门支持node.js开发、实时协作以及bash工具（包括gcc）等。所有这些都不需要打开除浏览器之外的任何东西，我认为这非常棒。

2013年第三季度更新：我还建议使用JetBrains WebStorm。它具有HTML5、CSS3、JS的自动完成和可靠的重构功能，并且响应速度非常快。

Cloud 9 IDE新链接 - Menelaos Kotsollaris
7

由于HTML5仍在开发中，并且尚未获得任何浏览器的一致支持，所以我的猜测是，在您获得WYSIWYG HTML5编辑器之前需要相当长的时间。

同时，在好的文本编辑器（如Notepad ++或TextEdit）中手动编辑标记。

我认为你的意思是 s/test/text/ .. - Tim Post
1
@jordanstephens - 是的。真的。TextEdit。 - Justin Niessner
@justin Niessner 我的意思是它确实可以工作，但我不会把它归为“好的文本编辑器”列表中。每个人都有自己的喜好，我想... - bimbom22
@jordanstephens 就因为TextEdit没有其他一些应用程序的所有花哨功能，并不意味着它在编辑文本方面不好。 - Alex Larzelere
你没有回答这个问题。 - Kickaha
@Kickaha - 当时的答案是否定的。当然，自我最初回答这个问题以来，这个故事已经发生了变化三年。 - Justin Niessner
4

仅仅想指出，HTML5本身并不是“准备不足的”; 实际上它已经基本完成，“由工作组认为它满足其章程和任何附带要求文件的相关要求。”虽然还有一些需要解决的问题，核心规范有一些附加的部分，但其中大部分都可以立即使用，并且在最新的浏览器中很稳定。

4
4
3

NetBeans 7对HTML5有很好的支持。之前我一直是Eclipse的重度用户，但现在花更多时间用NetBeans来研究HTML5和Servlet。

2
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接