html 创意代码,一行HTML5代码引发的创意大爆炸

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼

一行HTML5代码能做什么？国外开发者Jose Jesus Perez Aguinaga写了一行HTML5代码的文本编辑器。这件事在分享到Code Wall、Hacker News之后，引起了众多开发者的注意，纷纷发表了自己的创意。

这是最初的HTML5代码，它可以运行在最新的Chrome和Firefox中，只需在浏览器地址栏输入如下代码：

data:text/html,

但是功能十分有限，甚至没有保存功能，样式也非常简陋。

于是，网友Montas修改了他的代码，使用textarea标签代替html标签，可以添加自己喜欢的样式：

data:text/html,

网友jecxjo希望能有存储功能：

data:text/html,Save

但上面的代码是以文件形式存储，samsonjs觉得不够方便，而且需要点击按钮，于是添加了自动保存功能：

data:text/html,

Notepad (type below, notes persist)

现在可是云时代！仅仅这样怎能让开发者止步？minikomi使用了第三方API打造了一个在线编辑器:

data:text/html,

没有代码高亮功能的编辑器终究不适合程序员，Rails开发者jakeonrails又定制了Ruby代码高亮功能：

data:text/html,

效果如下图：

实际上，如果minikomi的代码已经支持多种语言高亮，如Python，只需要把“markdown”换成“python”，效果如下：

你以为到此为止了？中国开发者assassindesign觉得只是文本编辑器就太无聊了，又提供了涂鸦版本：

data:text/html,

你的浏览器不支持HTML5 Canvas

还等什么呢？赶快试试看吧！

只需在浏览器地址栏输入代码，然后回车。