在大部分人眼里，技術(shù)宅給人的印象是沉默寡言，總摸不透他心里想些什么，彼此都保持距離。作為半個程序員，我覺得真正的技術(shù)宅大部分時間都在找樂子，鼓搗各種想法，和大部分人的極客心理是一樣的，程序員也還愛講笑話，也喜歡燒菜做飯，雖然大多是為了減減壓，這樣看來和常人沒什么不一樣。

不一樣的地方，技術(shù)宅崇尚極致，喜歡極簡，又希望簡約不簡單，背后就是技術(shù)宅滿心思的不斷的嘗試，我正在看著一出好戲在上演：

"程序員 Jose Jesus Perez Aguinaga 在 CoderWall 分享了一個小技巧：在瀏覽器地址欄中輸入一行代碼：data:text/html, ，回車即可把瀏覽器變臨時編輯器(需要瀏覽器支持 HTML5 屬性 contenteditable)。不少程序員受 Jose 的啟發(fā)，開始對這行代碼加工改造，比如改成支持 Ruby 語法高亮的編輯器……"

從引子中可以看到，本來只是簡短的小段代碼： data:text/html, ，經(jīng)過程序員們不斷改造，從一個簡單的可編輯頁面，逐步變成了包括支持 Java、Ruby、Python 等多種 編程語言高亮的代碼編輯器，截至不到 1 個小時的最后更新，我已經(jīng)看到了一個和 notepad.cc 網(wǎng)站功能相近，使用了第三方網(wǎng)站數(shù)據(jù)庫 API 服務(wù)存儲內(nèi)容的 在線編輯器 了：

data:text/html,

#e {

position:absolute;

top:0;

right:0;

bottom:0;

left:0;

font-size:16px;

}

var myKey="SecretKeyz";

$(document).ready(function(){

var e = ace.edit("e");

var url = "http://api.openkeyval.org/"+myKey;

$.ajax({

url: url,

dataType: "jsonp",

success: function(data){

e.setTheme("ace/theme/tomorrow_night_eighties");

e.getSession().setMode("ace/mode/markdown");

e.setValue(data);

}

});

$("#e").on("keydown", function (b) {

if (b.ctrlKey && 83 == b.which) {

b.preventDefault();

var data = myKey+"="+encodeURIComponent(e.getValue());

$.ajax({

data: data,

url: "http://api.openkeyval.org/store/",

dataType: "jsonp",

success: function(data){

alert("Saved.");

}

});

}

});

});

將以上代碼完整復(fù)制，粘貼到 Chrome 或者 Firefox，Safari 瀏覽器地址欄中(不支持低版本 IE 瀏覽器)，回車打開，稍等片刻一個支持 CTRL + S 保存內(nèi)容的在線編輯器呈現(xiàn)眼前。

僅一行代碼，實現(xiàn)功能相當(dāng)于系統(tǒng)的記事本程序，感慨技術(shù)宅的藝術(shù)造詣吧？～

總結(jié)

以上是生活随笔為你收集整理的php导航代码在线编辑器,只需一行代码,轻松实现一个在线编辑器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。