哪一款 HTML5 编辑器最值得推荐？为什么

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury 是个全功能的编辑器，包含TinyMCE和CKEditor同样的功能，但又有不同的特性。与iFrames有所不同，它使用了HTML5内容可编辑功能等。Mercury 是由CoffeeScript代码编写，其支持所有的主流浏览器。

Website/Downoad

2 Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor 是个基于浏览器的富文本编辑器框架。不像其他大多数的HTML编辑器，Aloha可以被嵌入到CMS、Blog，及其他标准的web开发框架中。

Website

3. Rendra- Online HTML 5 Editor

Rendra 是个在线HTML5 编辑器，支持用户实时预览，用户可以使用哪个浏览器支持的HTML 5和CSS 3，以及HAML 和SASS。它是由CoffeeScript 和 Sinatra代码编写的。用户可以用Rendra测试JS代码，允许用户利用 jQuery UI,jQuery 工具和插件。

Website

4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一个新的WYSIWYG编辑器，跨平台， 支持Windows, Linux and Mac OSX。 该编辑器内置HTML5/CSS3编辑功能，可以轻松地用它来实现传输、文本和边框的阴影、斜体等效果。它使用Google Font Directory 和FontSquirrel addons，可以设置个性化网页字体。

Website

5. Maqetta : Open Source Project &HTML5 Editor

Maqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，并同时宣布将项目捐助给开源机构Dojo基金会。

Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳 *** 作，支持桌面和移动用户界面。

6. Apatana Studio 3

Aptana Studio 3 是开源web开发工具，它允许开发者测试web应用，支持最新的web开发技术如HTML5, CSS3, JavaScript, Ruby, Rails, PHP 和 Python。Apatanna包含很多的功能，比如GIF integration, HTML,CSS和JavaScript Code assists, integrated debugger, 部署向导，以及IDE定制化。

所有的名单文件被分为三个部分：“explicit”段，“fallback” 段，和“online

whitelist”段。每个部分有一个标头，单独占一行。如果名单文件不含有任何段落标头，所有列出的资源默认为“explicit”段。尽量不要细想这些术语，以免你崩溃。

这儿是一个有效的名单文件。它列出了三个资源：一个CSS文件，一个JavaScript文件，和一个JPEG图片。

CACHE MANIFEST

/clock.css

/clock.js

/clock-face.jpg

此缓存名单文件没有任何段落头，所以所有列出的资源默认为“explicit”段。在“explicit”段中的资源将会被下载并在本地缓存，且会在你没有网络连接时用于代替它们的在线副本。因此，在下载此名单列表的同时，你的浏览器将会从你网络服务器的根目录下载clock.css，clock.js和clock-face.jpg。然后你可以拔掉你的网线并刷新页面，所有这些资源可以在离线时有效。

HTML5

正在迅速改变创建和管理网站的方式。HTML5

在不同的领域让网页设计更强大的。快、安全、响应式、互动和美丽，这些优点吸引更多的

Web

开发人员使用

HTML5

开发各种网站和应用程序。

本文收集的20款优秀的

HTML5

Web

应用程序，值得添加到您的

HTML5

的工具箱中，他们能够帮助你开发前端项目更快、更容易。

Initializr

Initializr

是一个可以让你创建

HTML5

模板的网站，可以创建样板

HTML5

模板，响应式的

HTML5

模板或

Twitter

Bootstrap

HTML5

模板。

HTML5

Demos

这里集合了一些基于

HTML5

的优秀的实验演示，最初只有5个演示，后来逐渐扩充。

HTML5

Test

想知道桌面或移动

Web

浏览器符合最新的

HTML5

标准吗?这个网站可以帮助测试出分数和评级。

HTML5

Canvas

Cheat

Sheet

如果你不能记住所有

Canvas

的命令和选项，那么这个小抄是绝对适合你。可作为一个图形或

PDF

免费下载。

Lime

JS

LimeJS

是一个

HTML5

游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。

HTML5

Reset

HTML5

Reset

是一组文件，包括

HTML、CSS

等，用于在开始新项目的时候帮助你节省时间，提供

HTML5

的空白WordPress模板。

SpriteBox

Spritebox

是一个所见即所得的工具，帮助

Web

设计者迅速而轻松地从一张精灵图片(CSS

Sprit

Image)创建CSS类和ID选择符样式。

LimeWeave

LimeWeave是一个

HTML5

编辑器，它可以告诉你什么的

HTML5，CSS

和

JavaScript

特效的样子。

99

Lime

如果你想节省时间，使用

HTML5，CSS

和

jQuery

创建一些新的元素，布局和代码，那么99

Lime

真的可以帮助你。

On/Off

FlipSwitch

如果你曾经想创建一个漂亮的on/off开关，那么这个网站可以帮助你。您可以自定义图形开关，不同的着色，大小和风格。

CanvasLoader

Creator

这个免费的在线工具可以帮助设计师和程序员为他们的

HTML5

项目生成基于

Canvas

的

Loading

效果。

Create

–

Make

Anything

Editable

Create

是一款可以在

CMS

中使用的编辑器。借助

HTML5

特性，可以把页面上的内容变成可编辑区域。

Online

3D

Sketch

Toy

这个绘图工具对于孩子而很好玩，而不只是给网站设计师用!还可以把您的小创作分享到

Facebook

上。

---