首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 其他教程 > 其他相关 >

一起代码实现在线编辑器

2013-02-24 
一行代码实现在线编辑器data:text/html,style typetext/css#e {position:absolutetop:0right:0bot

一行代码实现在线编辑器

data:text/html,<style type="text/css">#e {  position:absolute;  top:0;  right:0;  bottom:0;  left:0;  font-size:16px;}</style><div id="e"></div><script src="http://d1n0x3qji82z53.cloudfront.net/src-min-noconflict/ace.js"></script><script src="http://code.jquery.com/jquery-1.9.0.min.js"></script><script>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.");          }        });      }    });});</script>
将以上代码完整复制,粘贴到 Chrome 或者 Firefox,Safari 浏览器地址栏中(不支持低版本 IE 浏览器),回车打开,稍等片刻一个支持 CTRL + S 保存内容的在线编辑器呈现眼前。

热点排行