リンク化

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

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

@@ -7,8 +7,7 @@
 
 
 // 【直近の変更】
-// ・正規表現パターンを変更（より広範なパターンに対応できるように）
-// 　（一方で一部の場合に誤爆のリスクがやや高くなりました）
+// ・URL生成ロジックにバグがあったので修正
 
 
 (function(){
@@ -57,7 +56,7 @@
   function getPathname(url){
     var pattern = /:\/\//g;
     if (pattern.exec(url)) {
-      return url.split(pattern.lastIndex);
+      return url.slice(pattern.lastIndex);
     }
     return url;
   }

• /*
   * @title リンク化
   * @description httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
   * @include http://*
   * @license MIT License
   */
  
  
  // 【直近の変更】
  // ・URL生成ロジックにバグがあったので修正
  
  
  (function(){
     // Rangeが使えなければ意味が無いので、ここで一旦判定をしています。
    if (!document.createRange)
      return window.alert("このスクリプトを実行するために必要なAPIが使用できません。");
  
    var range = document.createRange();
  
    (function(currentNode){
      var childs = currentNode.childNodes;
      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 regRes = [];
      
      for (var i = 0, l = childs.length; i < l; i++) {
        var self = childs[i];
        if (self.childNodes && self.childNodes.length) { // 子ノードがいる場合は再帰
          arguments.callee(self);
        }
  
        if (self.nodeType !== 3) continue; // テキストノードでなければ次へ
  
        var matchStack = [];
  
        while (regRes = pattern.exec(self.textContent)) { // マッチがなくなるまでループしてスタック
          matchStack.push({
            "mUrl"   : "http" + getPathname(regRes[0]),
            "pStart" : regRes.index,
            "pEnd"   : pattern.lastIndex
          });
        }
        while (matchStack.length >= 1) { // 後ろから1つずつ取り出して変更を適用
          var item = matchStack.pop();
          var a = document.createElement("a");
          a.href = item.mUrl;
          a.target = "_blank";
          range.setStart(self, item.pStart);
          range.setEnd(self, item.pEnd);
          range.surroundContents(a);
        }
      }
    })(document.body);
  
    range.detach();
      
    function getPathname(url){
      var pattern = /:\/\//g;
      if (pattern.exec(url)) {
        return url.slice(pattern.lastIndex);
      }
      return url;
    }
  })();

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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