有没有很好的可视化HTML5编辑器或IDE？[关闭]

116

好吧，Dreamweaver CS5似乎将在几年内（实际上是数周）内尝试使HTML5平滑。好像下一个梯级就适合记事本！

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

Eclipse有一些pluggin吗？

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

谢谢

...顺便说说。我知道“不支持浏览器” ...“尚未完成” ..etc。这对我们来说不是问题。我们正在制作Safari Only网站和iPhone iAd的唯一产品...因此我们知道在我们的实现中有效的方法。（顺便说一下，我们主要在Windows上）

ide  editor  html  html-editor 
— 动作工厂
source
3
哇，另外一个问题是“主题关闭”，其视图为174K，有很多好的答案！很高兴看到这不仅是我的...
— Mrk Fldig 2014年

Answers:

8

Cloud 9 IDE。存储是云+本地存储，它提供自动完成功能，为node.js开发提供显式支持，提供实时协作，并且您可以使用其所有最受欢迎的工具（包括gcc）来应对。所有这些都无需打开浏览器以外的任何东西。

我认为这太棒了。

编辑2013年第三季度我也建议使用JetBrains WebStorm。它具有针对HTML5，CSS3，JS的自动补全和可靠的重构功能。而且反应灵敏。

— 工程师
source
— Menelaos Kotsollaris 2014年
39

我一直喜欢Aptana Studio进行HTML开发。Aptana Studio 3 beta支持最新的HTML5规范，并且速度非常快（与版本2相比）。有一个独立版本和一个Eclipse pug-in版本。
更新：最终版本可用（相同链接）

— 一月
source
1
为Aptana Studio 3 Beta +1。这是一个非常不错的IDE，并且是跨平台的。
— Octavian A. Damiean
更新：现在，处于beta版和第一个Bugfix版本之外：aptana.com/products/studio3/releasenotes
— 1
除了HTML5标签上的可视/所见即所得功能，我希望让IDE知道HTML5 API，例如Web Storage API等，当我键入window <dot>时，sessionStorage和localStorage等对象自动完成功能不会出现...
— Lee Chee Kiam
啊，“ pug-ins”。普金斯将成为一个伟大的姓氏。谢谢你的笑声。
— 工程师
10

更新资料

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

您可以选择

在线尝试Aloha所见即所得编辑器

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

过时的信息，请不要引用。

这可能是较晚的答案，是的，但答案很晚，但是肯定会帮助某人
下载“ Eclipse IDE for Java EE Developers” 最新稳定版本

下载Google Plugin for Eclipse.zip
下载后，请根据您的Eclipse版本选择
下载内容（请勿解压缩）） 在
Eclipse
Help > Install New Software > Add > Archive > Select the Downloaded Plug-in.zip
的“名称”字段中输入“ Google Plugin”，然后单击“确定”。

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


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

创建新的Web项目

    创建新的HTML文件

创建新的HTML文件

    名称为index.html

index.html

    选择HTML文件的属性

将属性设置为HTML5

    按Ctrl +空格键

备忘单HTML5

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

— 毒液商人
source
我不确定我错过了哪里，但是在安装Google Eclipse插件后找不到“静态Web项目”。唯一的新项目类型是有关Google App Engine的信息。
— 赵翔
您正在使用哪个版本的Eclipse？
— VenomVendor 2012年
Indigo Service Release1。后来我尝试使用Aptana插件，并且它起作用
— Zhao Xiang
使用任何IDE的最新版本总是更好，您可以尝试Juno JEE获得更好的结果
— VenomVendor 2012年
8

Topstyle 4是我唯一获得HTML5（和CSS3）支持的产品。它虽然处于早期阶段，但在大多数情况下都足够有效。

— 剃须刀
source
7

由于HTML5仍在开发中，并且尚未在所有浏览器中提供一致的支持，因此我猜测要获得WYSIWYG HTML5编辑器还需要一段时间。

同时，习惯于在诸如Notepad ++或TextEdit之类的优质文本编辑器中手动编辑标记。

— 贾斯汀·尼斯纳（Justin Niessner）
source
我想你的意思是s / test / text / ..
— Tim Post
1
@jordanstephens-是的。真。TextEdit。
— Justin Niessner'7
@justin Niessner我的意思是肯定会起作用，我只是不会将其归入“好文本编辑器”列表中，我想对每个人来说……
— jordanstephens 2010年
@jordanstephens仅仅是因为TextEdit不具备某些其他应用程序的所有精美功能，并不意味着它不擅长编辑文本。
— Alex Larzelere，2010年
你没有回答这个问题
— Kickaha
4

只是指出，HTML5 本身还不是“尚未准备好”；它实际上已经完成了，“由工作组考虑满足其章程和任何随附的要求文档的相关要求。” 会有一些需要解决的问题，并且核心规范中有一些附带的附加位，但实际上大多数都可以立即使用，并且其中大部分在最新的浏览器中稳定。

— 尼古拉斯·威尔逊
source
3

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

— 张
source
2

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

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

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

— 德瓦尔
source
1

我必须质疑您是否特别需要能够处理HTML5的编辑器。它仍然是HTML。可以更改，是的，但是如果您已经熟悉HTML4，则可以进行很多更改。我怀疑大多数能够处理HTML的编辑器也应该能够处理HTML5。

— 格兰·佩林
source
1

Radrails 3应该拥有它，Aptana Studio 3将拥有它。Radrails处于beta版，因此有点令人沮丧，但无论如何它还是会让人回味无穷。

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

— 萨米·桑德斯（Sammi Sanders）
source
1

正如Justing已经说过的那样，在学校对此进行了研究。规范还没有准备好，因此在编辑器中支持HTML5可能要花一些时间。尽管浏览器忙于实现规范中足以被使用的部分。

最好的办法是在Internet上关注博客，教程和其他文章，并尝试自己开发HTML5。

编辑：刚刚在这里找到了Visual Studio 2008/2010插件

— 抢
source
1

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

0

这可能对您不感兴趣，而只是添加（0 ：，我喜欢VS2008 IDE进行html编辑-如果您具有Internet Explorer开发人员工具栏（如firebug的工具栏），则它会使乐趣加倍。

— KMån
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.