爱意满满的作品展示区。
aidai524

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

  •  
  •   aidai524 ·
    aidai524 · Jan 31, 2013 · 4778 views
    This topic created in 5030 days ago, the information mentioned may be changed or developed.
    浏览器需要支持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。
    4 replies  •  1970-01-01 08:00:00 +08:00
    zythum
    zythum
    Jan 31, 2013
    1
    不就是插一个ace editor么...
    zxwind
    zxwind
    Jan 31, 2013
    2
    的确啊,就是个空白页面初始化了个ace edit
    http://ace.ajax.org/
    难道这是个软广?
    aidai524
    aidai524
    OP
    Jan 31, 2013
    4
    @zxwind
    @zythum 好吧,是我孤陋寡闻了,只是今天刚知道浏览器里面有这个用法data:text/html
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1018 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 46ms · UTC 18:50 · PVG 02:50 · LAX 10:50 · JFK 13:50
    ♥ Do have faith in what you're doing.