继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

七款顶级HTML5编辑器带你飞

毛毛07
关注TA
已关注
手记 9
粉丝 8
获赞 1131
    (慕课网译)原作者为来自Devsaran的Olivia,原文经过删减修改添加部分内容。

在过去的两年中,HTML5吸引了大量的关注并且强力统治如今的互联网时代。由于互联网已经发生了翻天覆地的改变,使得HTML5不得不先人一步做出改变。HTML编辑器实质上是用来制作网页的软件应用,专业的HTML编辑器可以为开发者提供很大的方便和额外的功能。相当多的HTML编辑器不仅仅服务于HTML,同时也服务于一些相关语言如CSS,JavaScript,XML,还有ECMAScript。
如果你是一个HTML5的热衷者,那么我猜你对可以进行网页开发和Web应用制作的HTML5的编辑器应该会很感兴趣吧。我们已经收集了七款顶级HTML5编辑器给你提供参考。


图片描述

Aptana Studio 3

Aptana这个HTML5编辑器是一个开源的开发工具,支持开放的Web开发。开发者可以使用单一的设置来测试他们的Web应用程序。Aptana支持大多数现代浏览器技术,例如HTML5,CSS3,JavaScript,PHP,Ruby Rails,Ruby,和Python。其功能包括JavaScript代码提示,HTML,GIF的融入,IDE自定义,和操作向导。


图片描述
BlueGriffon

作为新一代的一代HTML5 编辑器,BlueGriffon所提供的全新的所见即所得(WYSIWYG)的内容编辑是由为Gecko提供的技术支持(Gecko是火狐引擎服务提供商)。BlueGriffon是可以免费下载的,它同时支持Windows,Linux和MAC OS X三个平台。它可以帮助你制作和编辑所有的HTML5以及HTML5文件。用户可以很容易地制作网页和工艺精细的UI用户界面。不得不提的是,这个编辑器支持包括中文在内的9种语言。


图片描述
Aloha Editor

作为一款最先进的WYSIWYG(所见即所得)网页编辑器,它是基于浏览器的富文本编辑器框架,java script创建。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中来使用。同时Aloha Editor的巧妙设计还大大缩短了我们的编辑时间。所以不得不说Aloha Editor在用户体验方面是数一数二的。


图片描述

Maqetta

Maqetta作为一个开源项目同时也是一个HTML5的编辑器。Maqetta应用本身用HTML5/Ajax编写,因此运行在浏览器中不需借助额外的下载和插件。这个编辑器的功能可谓是多种多样,包括开发和设计工作流、网页可视编辑,WYSIWYG可视化页面编辑、拖曳式移动UI设计、设计或源码浏览同步编辑、线框图、主题编辑器和窗口小部件、JavaScript库,等等。 Maqetta支持几乎所有最新的浏览器其中包括:谷歌Chrome,火狐, 和苹果的 Safari。


图片描述
Rendera

Rendera是一个在线的HTML5编辑器,它支持设计或源码浏览同步编辑。你可以在浏览器里轻松地运用HTML5或者CSS3。Rendera最大的特点就是支持SASS 和 HAML,因此在此环境下对于HTML5 和 CSS3的学习进程就会大大的加速了。借助Rendera,你可以测试你的Javascript编码或者试验jQuery工具、插件和jquery UI。


图片描述
图片描述
Webstorm 10
应慕课粉丝们的强力推荐,在这里给大家推荐被广大国内开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”的一款工具,Webstorm 10。因为其有着强大的智能提示功能而出名。其代码补全包含了所有流行的库:JQuery, YUI, Dojo, Prototype, Mootools and Bindows。Webstorm 的还具有代码检测、快速修改功能、和代码的智能重构,让你的代码简洁干净和安全,这使得工作起来轻松不少。不仅如此,最近版本的Webstorm10还添加支持了最新的TypeScript 1.4, 并且兼容Windows, Mac OS 和Linux三个主流操作平台。
(感谢子瑞Red、___Violin等网友的建议)


图片描述
Dreamweaver CS5

最后介绍的重磅压轴选手就是我们再熟悉不过的Dreamweaver。新一代的Dreamweaver CS5轻松支持HTML5。并且借助Dreamweaver的帮助,使用者可以轻松的利用CSS tab designer来制作CSS菜单。作为一个功能全面的编辑器,Dreamweaver提供多屏幕预览功,所见即所得功能,并且搭载了Adobe BrowserLab 和 jQuery Mobile。最重要的是他的兼容性,他支持CSS3, HTML5, iOS ,Android 应用。尽管他售价不低,但Dreamweaver绝对是一个可用性非常强的工具,推荐购买。

    上面介绍的七款HTML5编辑器是编辑器里的佼佼者,开发者和设计者利用他们一定能在网页开发者迈出跨越性的一步。希望文章中的内容对你未来的工作或生活有所帮助,文章中的错误欢迎指正,祝生活愉快工作顺利。

文章编译自:慕课网(http://www.imooc.com) 转载请注明出处。

打开App,阅读手记
82人推荐
发表评论
随时随地看视频慕课网APP

热门评论

没有 SublimeText, 差评

hbulider也不错呀

没有 SublimeText, 差评

查看全部评论