谷歌浏览器在线编辑html,一行代码将chrome浏览器变成在线编辑器

技术宅崇尚极致，喜欢极简，又希望简约不简单，背后就是技术宅满心思的不断的尝试。

看看下面这段简单的代码给我们带来的效果吧：

1.[代码][HTML]代码

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.");

}

});

}

});

});