仅一行代码，打造一个在线编辑器

[aidai524]

浏览器需要支持HTML5，打开浏览器复制下面的内容到地址栏，然后按回车，仅支持Ruby。真相https://gist.github.com/4666256。

data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/ruby");</script>

刚从36KR看到的，觉得比较牛，分享一下哈，呵呵。文章出处http://www.36kr.com/p/201096.html。

[zythum]

不就是插一个ace editor么...

[zxwind]

的确啊，就是个空白页面初始化了个ace edit
http://ace.ajax.org/
难道这是个软广？

[gracece]

https://chrome.google.com/webstore/detail/editor-in-chrome/kekmncaadcnnngadocpbcfaaaldklmnd 有人搞成chrome拓展了

[aidai524]

@zxwind
@zythum 好吧，是我孤陋寡闻了，只是今天刚知道浏览器里面有这个用法data:text/html