用于Web开发的6个HTML5编辑器

     <h2>1. Mercury : HTML5 Powered WYSIWYG Editor</h2>    <p><a href="https://simg.open-open.com/show/d4a210a4a7dfa380b807460b2601b55b.jpg" rel="lightbox"><img title="6 HTML5 editors for web development " border="0" alt="6 HTML5 editors for web development " src="https://simg.open-open.com/show/d4a210a4a7dfa380b807460b2601b55b.jpg" width="500" height="447" /></a></p>    <p><a href="http://www.open-open.com/ajax/ajax20110914135316.htm" target="_blank">Mercury</a>是个采用HTML5开发的WYSIWYG编辑器类似于TinyMCE或CKEditor。但拥有不同的使用体验。它不是放置在一个指定的元素中，而是出现在整个页面的上面。所以可用于编辑整个页面或任意指定一个区域。它支持预览编辑的内容并能够插入链接，图片，视频或表格。文件上传可以用拖拉的方式实现。此外，它支持协作编辑器。能够与他人同时编辑同一个页面并查看实时变化。</p>    <p><strong>Mercury</strong> 可以安装成一个Rails gem或者在你页面加入需要的JS和CSS文件。</p>    <p></p>    <p><strong><a href="/misc/goto?guid=4958190472341403428" target="_new">项目主页</a></strong>/<strong><a href="/misc/goto?guid=4958190473094155292" target="_new">Dow下载</a></strong></p>    <h2>2 Aloha Editor – HTML5 WYSIWYG Editor</h2>    <p><a href="https://simg.open-open.com/show/e1270025737a948ac6db1e6ac693abc3.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1305" title="Aloha HTML" alt="6 HTML5 editors for web development " src="https://simg.open-open.com/show/e1270025737a948ac6db1e6ac693abc3.jpg" width="500" height="275" /></a></p>    <p>Aloha Editor是个HTML5的所见即所得的编辑器，基于浏览器的富文本编辑器框架，java script创建。不像其他大多数的HTML编辑器，Aloha可以被嵌入到CMS、Blog，及其他标准的web开发框架中。</p>    <p><strong><a href="/misc/goto?guid=4958190473846227533" target="_new">项目主页</a></strong></p>    <h2>3. Rendra- Online HTML 5 Editor</h2>    <p><a href="https://simg.open-open.com/show/1239dba114b1d1175dfbf6e2ccad8e88.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1306" title="Rendra HTML" alt=" 6 HTML5 editors for web development " src="https://simg.open-open.com/show/1239dba114b1d1175dfbf6e2ccad8e88.jpg" width="500" height="429" /></a></p>    <p>Rendra是一个在线HTML5编辑器，支持实时预览编辑的内容。可以使用浏览器支持的任意HTML 5或CSS3标签。此外Randra还支持HAML和SASS。Rendra让HTML5和CSS3变得更加简单，它采用CoffeeScript和Sinatra开发。用户可以利用Rendra来测试JavaScript代码，还能够试验jQuery UI, jQuery工具和插件。</p>    <p><strong><a href="/misc/goto?guid=4958190474592809085" target="_new">项目主页</a></strong></p>    <h2>4. BlueGriffon: Next Generation HTML5 WebEditor</h2>    <p><a href="https://simg.open-open.com/show/b7ba4c77d586920a3970d7b490dcb280.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1309" title="BlueGriffon HTML" alt=" 6 HTML5 editors for web development " src="https://simg.open-open.com/show/b7ba4c77d586920a3970d7b490dcb280.jpg" width="500" height="311" /></a></p>    <p>BlueGriffon是一个新的内容WYSIWYG编辑顺。它基于FireFox 4的渲染引擎Gecko实现。 BlueGriffon能够创建和编辑所有HTML5和HTML5文档。它能够让用户创建Web页面，帮助用户创建漂亮、简单和直观的UI。BlueGriffon支持多种语言，目前已经超过9种。</p>    <p><strong><a href="/misc/goto?guid=4958190475343373506" target="_new">项目主页</a></strong></p>    <h2>5. Maqetta : Open Source Project & HTML5 Editor</h2>    <p><a href="https://simg.open-open.com/show/aa0aa0455dbc97181fa148cc27bc09d4.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1311" title="Maqeeta HTML" alt=" 6 HTML5 editors for web development " src="https://simg.open-open.com/show/aa0aa0455dbc97181fa148cc27bc09d4.jpg" width="500" height="489" /></a></p>    <p>Maqetta是一个开源项目提供了HTML5 用户界面的可视化设计功能。可直接在浏览器中创作和运行HTML应用程序，不需要下载或安装额处 </p>    <p>该项目是一个开源项目，原先由IBM开发，后IBM将其捐献给Dojo基金会。它可以作为一个托管服务向用户提供在线编辑，也可以安装到本地使用。用户运行它不需要再安装其它任何插件。</p>    <p>软件的界面支持拖放功能，同时它也支持类似桌面软件的undo/redo功能，浏览器预览功能，保存/另存等许多功能。</p>    <div class="forMobile">     <p><strong>Maqetta 现在对Dojo库提供强有力的支持</strong>，这样用户可以将该库的各种组件或控制模块加入页面（例如：按钮，折叠式菜单，日历等等）。</p>     <p>使用该应用程序进行开发可以使网页开发的反馈变得非常容易，它可以创建多个复核页面（如，对每个版本创建一个）。开发者可以轻松的选择哪些页面将被复核，系统将自动发送email给复核者。审核者可以通告评论分享他们的改进意见或在线标注图形改进注释（例如椭圆形、矩形、箭头或文字字形等）。</p>     <p><strong>Maqetta</strong> 集成了许多功能特性，如，使用草图主题模板创建线框，移动应用界面编辑工具等等。</p>    </div>    <p>Maqetta支持大部浏览器包括：FireFox, Google Chrome 和 Safari。<br /> <br /> <span style="font-weight:bold;">项目地址：</span><a style="font-weight:bold;" href="/misc/goto?guid=4958190476090271236" target="_blank">http://maqetta.org/</a></p>    <h2>6. Apatana Studio 3</h2>    <p><a href="https://simg.open-open.com/show/d0655a80a0980334dbd10b66180f8a2d.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1313" title="Apatana HTML" alt="aptana HTML5 editor" src="https://simg.open-open.com/show/d0655a80a0980334dbd10b66180f8a2d.jpg" width="500" height="204" /></a></p>    <p>Aptana Studio 3是一个用于Web开发的开源工具。它能够让开发人员使用单一个环境来测试Web应用程序。Aptana支持的最新浏览器技术如：HTML5, CSS3, JavaScript, Ruby, Rails, PHP and Python。它提供了非常多的功能包括HTML,CSS and JavaScript代码辅助编辑器，调试器，部署向导和IDE自定义。<br /> <span style="font-weight:bold;">下载：</span><a style="font-weight:bold;" href="/misc/goto?guid=4958190476846384796" target="_blank">http://www.aptana.com/products/studio3/download</a><br /> <br /> 转自：<a href="/misc/goto?guid=4958190477583125392" target="_blank">http://skytechgeek.com/2011/09/6-html5-editors-for-web-development/</a></p>