注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

合川游子

----朱慎之书画博客

 
 
 

日志

 
 

【转载】[原创]一句话把浏览器变成文本编辑器!  

2013-01-31 07:29:33|  分类: 转贴 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
把下面这句话打入浏览器的地址栏:
data:text/html,<pre contenteditable>
然后点页面左上角,就可以编辑文本了! 方便吗? 
下面这句也可以:
data:text/html,<html contenteditable>
慢着,还有更牛的, 把下面代码拷到浏览器地址栏
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>
浏览器立马变成一个专业的代码编辑器!

  评论这张
 
阅读(52)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016