admin管理员组

文章数量:1579086

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

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

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/"+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/store/",

dataType: "jsonp",

success: function(data){

alert("Saved.");

}

});

}

});

});

本文标签： 在线浏览器编辑器编辑代码

版权声明：本文标题：谷歌浏览器在线编辑html,一行代码将chrome浏览器变成在线编辑器 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1727849236a1133422.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。