亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

只需一行代碼,輕松實現一個在線編輯器

2019-11-20 21:43:54
字體:
來源:轉載
供稿:網友

在大部分人眼里,技術宅給人的印象是沉默寡言,總摸不透他心里想些什么,彼此都保持距離。作為半個程序員,我覺得真正的技術宅大部分時間都在找樂子,鼓搗各種想法,和大部分人的極客心理是一樣的,程序員也還愛講笑話,也喜歡燒菜做飯,雖然大多是為了減減壓,這樣看來和常人沒什么不一樣。

不一樣的地方,技術宅崇尚極致,喜歡極簡,又希望簡約不簡單,背后就是技術宅滿心思的不斷的嘗試,我正在看著一出好戲在上演:



"程序員 Jose Jesus Perez Aguinaga 在 CoderWall 分享了一個小技巧:在瀏覽器地址欄中輸入一行代碼:data:text/html, <html contenteditable> ,回車即可把瀏覽器變臨時編輯器(需要瀏覽器支持 HTML5 屬性 contenteditable)。不少程序員受 Jose 的啟發,開始對這行代碼加工改造,比如改成支持 Ruby 語法高亮的編輯器……"

從引子中可以看到,本來只是簡短的小段代碼: data:text/html, <html contenteditable>,經過程序員們不斷改造,從一個簡單的可編輯頁面,逐步變成了包括支持 Java、Ruby、Python 等多種 編程語言高亮的代碼編輯器,截至不到 1 個小時的最后更新,我已經看到了一個和 notepad.cc 網站功能相近,使用了第三方網站數據庫 API 服務存儲內容的 在線編輯器 了:

復制代碼 代碼如下:

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 保存內容的在線編輯器呈現眼前。

僅一行代碼,實現功能相當于系統的記事本程序,感慨技術宅的藝術造詣吧?~

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩国产精品一区| 国产在线观看不卡| 欧美精品video| 日韩成人中文字幕在线观看| 欧美大片网站在线观看| 久久综合五月天| 日韩av在线免播放器| 91九色国产社区在线观看| 在线观看国产精品91| 欧美大奶子在线| 日韩欧美综合在线视频| 97超视频免费观看| 亚洲精品久久久久中文字幕二区| 日本一本a高清免费不卡| 日韩精品中文字幕久久臀| 日韩电影免费观看在线| 正在播放国产一区| 国产精品免费一区豆花| 欧美性极品xxxx娇小| 国产精品ⅴa在线观看h| 国产丝袜一区二区三区| 亚洲有声小说3d| 一区二区三区四区精品| 亚洲免费伊人电影在线观看av| 欧美激情在线视频二区| 精品美女久久久久久免费| 欧美极品在线播放| 久久久久久12| 97在线观看视频| 久久69精品久久久久久久电影好| 91久久中文字幕| 国产欧美一区二区白浆黑人| 亚洲国产精品久久久久秋霞蜜臀| 欧美日韩国产丝袜美女| 国产极品jizzhd欧美| 日韩欧美精品免费在线| 97国产精品人人爽人人做| 久久久亚洲福利精品午夜| 高清一区二区三区日本久| 日韩免费观看网站| www日韩中文字幕在线看| 亚洲国产91精品在线观看| 欧美日韩激情视频| 欧美理论片在线观看| 亚洲男子天堂网| 国产精品视频成人| 亚洲国产精品悠悠久久琪琪| 亚洲精品自产拍| 国产精品极品美女在线观看免费| 欧美成人精品一区二区三区| 91色琪琪电影亚洲精品久久| 亚洲国产精品免费| 亚洲www永久成人夜色| 久久久99免费视频| 欧美专区中文字幕| 欧美激情国产高清| 日韩欧美中文字幕在线观看| 国产久一一精品| 大伊人狠狠躁夜夜躁av一区| 欧美亚洲第一区| 亚洲精品欧美一区二区三区| 91在线观看免费网站| 久久久免费在线观看| 中文字幕亚洲无线码在线一区| 亚洲图片欧美日产| 欧美精品videosex性欧美| 国产精品v日韩精品| 色综合老司机第九色激情| 91精品国产九九九久久久亚洲| 精品视频在线播放色网色视频| 亚洲第一精品夜夜躁人人爽| 青草青草久热精品视频在线网站| 日韩av有码在线| 日韩欧美有码在线| 亚洲色图av在线| 91国在线精品国内播放| 亚洲人精品午夜在线观看| 日韩av片免费在线观看| 日韩中文字幕视频| 国产精品久久久久久久久久久久久久| 亚洲国产精彩中文乱码av| 国外色69视频在线观看| 欧美又大又硬又粗bbbbb| 国产精品com| 欧美亚洲日本黄色| 欧美专区国产专区| 精品人伦一区二区三区蜜桃网站| 精品无人区乱码1区2区3区在线| 成人春色激情网| 国产小视频国产精品| 日韩精品中文字幕视频在线| 亚洲精品国产美女| 亚洲精品欧美日韩| 亚洲午夜激情免费视频| 日韩av在线一区二区| 久久夜精品香蕉| 日韩**中文字幕毛片| 亚洲a成v人在线观看| 亚洲二区中文字幕| 精品女厕一区二区三区| 国产一区二区日韩精品欧美精品| 国产欧美日韩精品在线观看| 欧美国产欧美亚洲国产日韩mv天天看完整| 91高清视频免费| 国产精品自拍偷拍| 久久激情五月丁香伊人| 久久综合伊人77777尤物| 中文字幕欧美视频在线| 日本道色综合久久影院| 久久久亚洲天堂| 国内精品久久久久久| 日本a级片电影一区二区| 中文字幕久久久| 久久久久久久久久久人体| 一本色道久久综合狠狠躁篇的优点| 久久精品99国产精品酒店日本| 欧美激情videos| 久久精品国产亚洲一区二区| 一本色道久久88综合亚洲精品ⅰ| 久久色在线播放| 亚洲区一区二区| 色偷偷av一区二区三区乱| 亚洲性夜色噜噜噜7777| 97香蕉久久超级碰碰高清版| 一区二区三区久久精品| 国产精品第七十二页| 久久中文字幕视频| www.久久久久久.com| 日韩av影院在线观看| 最好看的2019的中文字幕视频| 色爱精品视频一区| 秋霞av国产精品一区| 久久久久久国产免费| 精品成人69xx.xyz| 国产亚洲精品激情久久| 亚洲理论片在线观看| 亚洲人成在线观看网站高清| 黄色精品一区二区| 欧美成人午夜视频| 亚洲电影免费观看高清| 中日韩美女免费视频网址在线观看| 插插插亚洲综合网| 精品欧美国产一区二区三区| 日韩在线激情视频| 亚洲综合中文字幕在线观看| 国产亚洲精品一区二555| 日韩成人在线视频| 日韩av片电影专区| 亚洲午夜国产成人av电影男同| 亚洲天堂开心观看| 日韩欧美主播在线| 久久影视电视剧免费网站| 亚洲色图15p| 91久久久久久久久| 欧美最顶级的aⅴ艳星| 亚洲黄色www| 欧美激情在线播放| 国自产精品手机在线观看视频| 国产精品久久久| 伊人久久久久久久久久久久久| 中文字幕亚洲欧美日韩高清| 91视频免费网站| 日韩中文娱乐网| 亚洲精品自产拍|