data:text/html,
mio_lt;style type="text/css"mio_gt;
#e {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
font-size:16px;
}
mio_lt;/stylemio_gt;
mio_lt;div id="e"mio_gt;mio_lt;/divmio_gt;
mio_lt;script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"mio_gt;mio_lt;/scriptmio_gt;
mio_lt;script src="http://code.jquery.com/jquery-1.9.0.min.js"mio_gt;mio_lt;/scriptmio_gt;
mio_lt;scriptmio_gt;
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 mio_amp;mio_amp; 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.");
}
});
}
});
});
mio_lt;/scriptmio_gt;

放入地址栏 浏览器就变成sublime似的编辑器了

上一篇:适合PHP的位运算 下一篇:快递查询API