リンク化

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

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

@@ -7,25 +7,26 @@
 
 
 // 【直近の変更】
-// ・ちょっとリファクタ
-// ・正規表現を少し変更
+// ・正規表現を更に少し変更
+// ・httpsのURLに対応
+// ・scriptタグの中身は変更しないようにした（誤爆しやすいみたいなので）
 
 
 (function(){
     var filter = function(node) {
-        var isAnchor = node.parentNode && node.parentNode.nodeName === "A";
-        return isAnchor ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+        var isAnchorOrScript = node.parentNode && ["A", "SCRIPT"].includes(node.parentNode.nodeName);
+        return isAnchorOrScript ? 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;
+    var pattern = /(?:h?t?tp(s?):\/\/(?:[\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]),
+                mUrl   : "http" + (regRes[1] || "") + "://" + getPathname(regRes[0]),
                 pStart : regRes.index,
                 pEnd   : pattern.lastIndex,
             });

• /*
   * @title リンク化
   * @description httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
   * @include http://*
   * @license MIT License
   */
  
  
  // 【直近の変更】
  // ・正規表現を更に少し変更
  // ・httpsのURLに対応
  // ・scriptタグの中身は変更しないようにした（誤爆しやすいみたいなので）
  
  
  (function(){
      var filter = function(node) {
          var isAnchorOrScript = node.parentNode && ["A", "SCRIPT"].includes(node.parentNode.nodeName);
          return isAnchorOrScript ? 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?tp(s?):\/\/(?:[\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" + (regRes[1] || "") + "://" + getPathname(regRes[0]),
                  pStart : regRes.index,
                  pEnd   : pattern.lastIndex,
              });
          }
          while (matchStack.length > 0) { // 後ろから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;
          return pattern.exec(url) ? url.slice(pattern.lastIndex) : 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 です。