リンク化

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

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

@@ -6,6 +6,10 @@
  */
 
 
+// 【直近の変更】
+// ・作成されるAnchor要素のtarget属性を_blankに
+
+
 (function(){
    // Rangeが使えなければ意味が無いので、ここで一旦判定をしています。
   if (!document.createRange)
@@ -39,6 +43,7 @@
         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);

• /*
   * @title リンク化
   * @description httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
   * @include http://*
   * @license NYSL
   */
  
  
  // 【直近の変更】
  // ・作成されるAnchor要素のtarget属性を_blankに
  
  
  (function(){
     // Rangeが使えなければ意味が無いので、ここで一旦判定をしています。
    if (!document.createRange)
      return window.alert("このスクリプトを実行するために必要なAPIが使用できません。");
  
    var range = document.createRange();
  
    (function(currentNode){
      var childs = currentNode.childNodes;
      var pattern= /h?t?tp(s?:\/\/(?:[\w-]+|[^ -~｡-ﾟ]+)\.[a-zA-Z]{2,4}[^\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" + regRes[1],
            "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();
  })();
  

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

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

  RAW

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

  Packed

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

  Userscript

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

  Loader

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

  Metadata

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