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


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

 
 
 
 

  
  
  
  
data:text/html, <  html   contenteditable> 
 
 
 
 

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

 
 
 
 

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

網(wǎng)友jecxjo希望能有存儲(chǔ)功能：

 
 
 
 

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

但上面的代碼是以文件形式存儲(chǔ)，samsonjs覺(jué)得不夠方便，而且需要點(diǎn)擊按鈕，于是添加了自動(dòng)保存功能：

 
 
 
 

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

現(xiàn)在可是云時(shí)代！僅僅這樣怎能讓開(kāi)發(fā)者止步？minikomi使用了第三方API打造了一個(gè)在線編輯器：

 
 
 
 

  
  
  
  
data:text/html, 
  
  
  
  
 
  
  
  
  
#e { 
  
  
  
  
position:absolute; 
  
  
  
  
top:0; 
  
  
  
  
right:0; 
  
  
  
  
bottom:0; 
  
  
  
  
left:0; 
  
  
  
  
font-size:16px; 
  
  
  
  
}