【转载】用于Web开发的6个HTML5编辑器

标签: HTML5 技术博文 HTML5前沿技术 HTML5学习资源 HTML5最新动态 | 发表时间:2012-05-12 10:52 | 作者:HTML5研究小组
出处:http://www.mhtml5.com

1. Mercury :  HTML5 Powered WYSIWYG Editor
Mercury是个采用HTML5开发的WYSIWYG编辑器类似于TinyMCE或CKEditor。但拥有不同的使用体验。它不是放置在一个指定的元素中,而是出现在整个页面的上面。所以可用于编辑整个页面或任意指定一个区域。它支持预览编辑的内容并能够插入链接,图片,视频或表格。文件上传可以用拖拉的方式实现。此外,它支持协作编辑器。能够与他人同时编辑同一个页面并查看实时变化。
Mercury 可以安装成一个Rails gem或者在你页面加入需要的JS和CSS文件。
项目主页/ Dow下载
2 Aloha Editor – HTML5 WYSIWYG Editor
Aloha Editor是个HTML5的所见即所得的编辑器,基于浏览器的富文本编辑器框架,java script创建。不像其他大多数的HTML编辑器,Aloha可以被嵌入到CMS、Blog,及其他标准的web开发框架中。
项目主页
3. Rendra- Online HTML 5 Editor
Rendra是一个在线HTML5编辑器,支持实时预览编辑的内容。可以使用浏览器支持的任意HTML 5或CSS3标签。此外Randra还支持HAML和SASS。Rendra让HTML5和CSS3变得更加简单,它采用CoffeeScript和Sinatra开发。用户可以利用Rendra来测试JavaScript代码,还能够试验jQuery UI, jQuery工具和插件。
项目主页
4. BlueGriffon: Next Generation HTML5 WebEditor
BlueGriffon是一个新的内容WYSIWYG编辑顺。它基于FireFox 4的渲染引擎Gecko实现。 BlueGriffon能够创建和编辑所有HTML5和HTML5文档。它能够让用户创建Web页面,帮助用户创建漂亮、简单和直观的UI。BlueGriffon支持多种语言,目前已经超过9种。
项目主页
5. Maqetta : Open Source Project & HTML5 Editor
Maqetta是一个开源项目提供了HTML5 用户界面的可视化设计功能。可直接在浏览器中创作和运行HTML应用程序,不需要下载或安装额处
该项目是一个开源项目,原先由IBM开发,后IBM将其捐献给Dojo基金会。它可以作为一个托管服务向用户提供在线编辑,也可以安装到本地使用。用户运行它不需要再安装其它任何插件。
软件的界面支持拖放功能,同时它也支持类似桌面软件的undo/redo功能,浏览器预览功能,保存/另存等许多功能。
Maqetta 现在对Dojo库提供强有力的支持,这样用户可以将该库的各种组件或控制模块加入页面(例如:按钮,折叠式菜单,日历等等)。
使用该应用程序进行开发可以使网页开发的反馈变得非常容易,它可以创建多个复核页面(如,对每个版本创建一个)。开发者可以轻松的选择哪些页面将被复核,系统将自动发送email给复核者。审核者可以通告评论分享他们的改进意见或在线标注图形改进注释(例如椭圆形、矩形、箭头或文字字形等)。
Maqetta 集成了许多功能特性,如,使用草图主题模板创建线框,移动应用界面编辑工具等等。

Maqetta支持大部浏览器包括:FireFox, Google Chrome 和 Safari。

项目地址: http://maqetta.org/
6. Apatana Studio 3
Aptana Studio 3是一个用于Web开发的开源工具。它能够让开发人员使用单一个环境来测试Web应用程序。Aptana支持的最新浏览器技术如:HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python。它提供了非常多的功能包括HTML,CSS and JavaScript代码辅助编辑器,调试器,部署向导和IDE自定义。
下载: http://www.aptana.com/products/studio3/download

转自: http://skytechgeek.com/2011/09/6-html5-editors-for-web-development/

相关 [web 开发 html5] 推荐:

【转载】用于Web开发的6个HTML5编辑器

- - HTML5研究小组
Mercury是个采用HTML5开发的WYSIWYG编辑器类似于TinyMCE或CKEditor. 它不是放置在一个指定的元素中,而是出现在整个页面的上面. 所以可用于编辑整个页面或任意指定一个区域. 它支持预览编辑的内容并能够插入链接,图片,视频或表格. 能够与他人同时编辑同一个页面并查看实时变化.

Web VS Native–LinkedIn做出的选择:iPad App95%使用HTML5开发

- - Web App Trend
Jolie O’Dell 是VentureBeat的记者. LinkedIn iPad版本应用其中的95%使用HTML5开发,这在业内激起千层浪,下面是VentureBeat记者对LinkedIn移动开发团队主管Kiran Prasad进行的采访. 首先,我们请读者们先试着猜一下LinkedIn为新iPad开发的应用中的移动Web技术占到多大的比例.

为 Web 开发者准备的 20 个有用的 HTML5 教程

- - 博客园_新闻
从头开始编码的 HTML5 布局. 用 HTML5 设计一个博客. 用 HTML5+CSS3 创建优雅的网站. 用 HTML5 设计一个很酷的 iPhone App 网站. HTML5 应用基于浏览器的存储. 在手机上使用 HTML5 创建离线的 Web 应用. 使用 HTML5+CSS3 创建一个向后兼容的单页相册.

加速Web开发的9款知名HTML5框架

- - CSDN博客Web前端推荐文章
与手工编码比起来,HTML5框架在准确性和正确率方面给予了保证. 大多数HTML5框架都会有一个组合或者包含一些额外的组件,比如jQuery Scripts. CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主. 如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用HTML5框架来提升整个开发过程,并且让网站拥有一致性结构.

使用 HTML5 Boilerplate 开始您的 web 开发

- - IBM developerWorks 中国 : 文档库
本文提供 HTML5 Boilerplate 项目的一个技术简介,其中包括该项目形成的众多 HTML5、CSS3 移动开发和 web 性能最佳实践中一部分.

HTML5开发的十大炫酷Web应用分享与推荐

- - HTML5研究小组
HTML5发展地如火如荼,本文将为大家重点分享基于HTML5开发的十大炫酷Web应用,帮助开发人员更好的领悟HTML5的强大之处,关于HTML5的更多信息,请参考专题:HTML5的应用与炫酷体验. Twimbow 是一个基于 HTML5 开发的 Web 应用,用于帮助用户管理他的社交网络,该应用色彩非常多样.

html5移动web开发实战必读书记

- - 移动开发 - ITeye博客
一、配置移动开发环境. 1.各种仿真器、模拟器的下载安装. safari: 设为屏幕宽度,并根据initial-scale=1.0禁止浏览器缩放. 3.帮助html5跨浏览器的库. 4.使html5元素在旧版本IE中变成块级元素以及css重置. 5.始终使用流式布局fluid layout. 6.css媒介查询 media query.

【HTML5】Web Storage简析

- - 博客园_首页
什么是Web Storage. web storage是HTML5规范中提出的一种本地存储解决方案. 在这之前,我们在开发中遇到本地存储问题时,通常有两种解决方式. cookie:兼容性最好,但也有不少问题,下面会简单做下对比. 各浏览器实现的非标准化的本地存储方案,如IE的userData,firefox的global storage等,毫无疑问,最大的问题是兼容性.

#HTML5 Web App项目秀#国内首款大型HTML5页游《黎明帝国》开发背后

- - HTML5研究小组
HTML5游戏《黎明帝国》,磊友科技打造, 官网试玩. 正像游戏邦创始人郑金条在《程序员》杂志专栏文章中所说:“HTML5被整体市场所观望的除了技术标准和规范不够成熟外,最大的盼头就是出现一款重磅作品给市场打入强心剂,虽然磊友、Spil或Facebook在推动这个趋势,但都不如一款有说服力的游戏来得有价值.

HTML5的Web标准实战

- johnny - blog.moocss.com
我记得2009年下半年的时候,我就开始尝试使用HTML5的新元素,具体的说应该是HTML5的结构性元素的使用. 我使用HTML5的结构性元素重构我的博客,刚开始,查看了大量老外博客,也归纳总结了一下使用场景,在什么情况下使用HTML5的新元素代替原有的没有语义性div,还有如何组织文档内容结构也是比较头疼的事情.