日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
極客無極限一行HTML5代碼引發(fā)的創(chuàng)意大爆炸

一行HTML5代碼能做什么?國外開發(fā)者Jose Jesus Perez Aguinaga寫了一行HTML5代碼的文本編輯器。這件事在分享到Code Wall、Hacker News之后,引起了眾多開發(fā)者的注意,紛紛發(fā)表了自己的創(chuàng)意。 這是最初的HTML5代碼,它可以運行在最新的Chrome和Firefox中,只需在瀏覽器地址欄輸入如下代碼:

創(chuàng)新互聯(lián)是一家專業(yè)提供隨州企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都做網(wǎng)站、html5、小程序制作等業(yè)務(wù)。10年已為隨州眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進行中。

 
 
 
 
  1. data:text/html, <  html   contenteditable> 

但是功能十分有限,甚至沒有保存功能,樣式也非常簡陋。 于是,網(wǎng)友Montas修改了他的代碼,使用textarea標簽代替html標簽,可以添加自己喜歡的樣式:

 
 
 
 
  1. data:text/html, <  textarea   style  =  "font-size: 1.5em; width: 100%; height: 100%; border: n 

網(wǎng)友jecxjo希望能有存儲功能:

 
 
 
 
  1. data:text/html,<  button   onClick  =  "SaveTextArea()"  >Save <  script   languag 

但上面的代碼是以文件形式存儲,samsonjs覺得不夠方便,而且需要點擊按鈕,于是添加了自動保存功能:

 
 
 
 
  1. data:text/html,<  html   lang  =  "en"  ><  head  ><  style  > html,body { height: 100% } #n 

現(xiàn)在可是云時代!僅僅這樣怎能讓開發(fā)者止步?minikomi使用了第三方API打造了一個在線編輯器:

 
 
 
 
  1. data:text/html, 
  2.  
  3. #e { 
  4. position:absolute; 
  5. top:0; 
  6. right:0; 
  7. bottom:0; 
  8. left:0; 
  9. font-size:16px; 
  10.  
 
  •  
  •  
  •  
  • 沒有代碼高亮功能的編輯器終究不適合程序員,Rails開發(fā)者jakeonrails又定制了Ruby代碼高亮功能:

     
     
     
     
    1. data:text/html,   #e{position:absolute;top:0;right:0;bottom:0;left 

    效果如下圖:

    實際上,如果minikomi的代碼已經(jīng)支持多種語言高亮,如Python,只需要把“markdown”換成“python”,效果如下:

    你以為到此為止了?中國開發(fā)者assassindesign覺得只是文本編輯器就太無聊了,又提供了涂鴉版本:

     
     
     
     
    1. data:text/html, <  body  ><  canvas   id  =  "dyDraw"  >你的瀏覽器不支持HTML5 Canvas

    還等什么呢?趕快試試看吧! 極客的創(chuàng)意的無窮的,你們是否有更好的創(chuàng)意,歡迎跟帖!


    本文題目:極客無極限一行HTML5代碼引發(fā)的創(chuàng)意大爆炸
    分享路徑:http://www.dlmjj.cn/article/ccidssg.html