リンク化

by htsign 2016-10-09 [2016/10/09 02:11:46]

httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）

@@ -8,19 +8,15 @@
 
 // 【直近の変更】
 // ・NodeIteratorを使ってコード内の探査を簡略化
+// ・旧IEの考慮を排除
 
 
 (function(){
-    // NodeIteratorとRangeを使う必要があるので、ここで一旦判定をしています。
-    if (!document.createNodeIterator || !document.createRange)
-        return window.alert("このスクリプトを実行するために必要なAPIが使用できません。");
-    
     var filter = function(node) {
         var isAnchor = node.parentNode && node.parentNode.nodeName.toLowerCase() === "a";
         return isAnchor ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
     };
-    var iter  = document.createNodeIterator(document.body, NodeFilter.SHOW_TEXT, filter, false);
-    var current;
+    var iter  = document.createNodeIterator(document.body, NodeFilter.SHOW_TEXT, filter, false), current;
     var range = document.createRange();
     var pattern = /(h?t?tps?:\/\/(?:[\w-]+|[^ -~｡-ﾟ]+)\.[a-zA-Z]{2,4}[^\s　]*)|([^/\s(（「【『]*?(?:[\w-]+|[^ -~｡-ﾟ]+)\.(?:com|org|net|edu|gov|jp|to|tv|fm|info|(?:co|or|ne|ac|go)\.(?:jp|uk|fr|de))[^\s　)）」】』]*)/g;
     

• /*
   * @title リンク化
   * @description httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
   * @include http://*
   * @license MIT License
   */
  
  
  // 【直近の変更】
  // ・NodeIteratorを使ってコード内の探査を簡略化
  // ・旧IEの考慮を排除
  
  
  (function(){
      var filter = function(node) {
          var isAnchor = node.parentNode && node.parentNode.nodeName.toLowerCase() === "a";
          return isAnchor ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
      };
      var iter  = document.createNodeIterator(document.body, NodeFilter.SHOW_TEXT, filter, false), current;
      var range = document.createRange();
      var pattern = /(h?t?tps?:\/\/(?:[\w-]+|[^ -~｡-ﾟ]+)\.[a-zA-Z]{2,4}[^\s　]*)|([^/\s(（「【『]*?(?:[\w-]+|[^ -~｡-ﾟ]+)\.(?:com|org|net|edu|gov|jp|to|tv|fm|info|(?:co|or|ne|ac|go)\.(?:jp|uk|fr|de))[^\s　)）」】』]*)/g;
      
      while (current = iter.nextNode()) {
          var regRes, matchStack = [];
  
          while (regRes = pattern.exec(current.data)) { // マッチがなくなるまでループしてスタック
              matchStack.push({
                  "mUrl"   : "http://" + getPathname(regRes[0]),
                  "pStart" : regRes.index,
                  "pEnd"   : pattern.lastIndex
              });
          }
          while (matchStack.length >= 1) { // 後ろから1つずつ取り出して変更を適用
              var item = matchStack.pop();
              var a = createAnchor(item.mUrl);
              
              range.setStart (current, item.pStart);
              range.setEnd   (current, item.pEnd  );
              range.surroundContents(a);
          }
      }
      range.detach();
      
      function getPathname(url){
          var pattern = /:\/\//g;
          if (pattern.exec(url)) {
              return url.slice(pattern.lastIndex);
          }
          return url;
      }
      function createAnchor(url) {
          var a = document.createElement("a");
          a.href   = url;
          a.target = "_blank";
          return a;
      }
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。