by htsign
2016-10-09 [2016/10/09 02:11:46]
httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
/*
* @title リンク化
* @description httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
* @include http://*
* @license MIT License
*/
// 【最近の変更】
// ・正規表現を更に少し変更
// ・httpsのURLに対応
// ・scriptタグの中身は変更しないようにした（誤爆しやすいみたいなので）
// ・構造を大幅に変更
(function() {
var ElementFactory = (function() {
function ElementFactory(tagName, attrs) {
this.template = document.createElement(tagName);
for (var i = 0; i < attrs.length; ++i) {
var attr = attrs[i].attr, value = attrs[i].value;
this.template[attr] = value;
}
}
ElementFactory.prototype.create = function(attrs) {
var elem = this.template.cloneNode(true);
for (var i = 0; i < attrs.length; ++i) {
var attr = attrs[i].attr, value = attrs[i].value;
elem[attr] = value;
}
return elem;
};
return ElementFactory;
})();
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;
var anchorFactory = new ElementFactory("a", [{ attr: "target", value: "_blank" }]);
convertTextToLink(document.body);
function convertTextToLink(rootNode) {
var filter = function(node) {
var isAnchorOrScript = node.parentNode && ["A", "SCRIPT"].indexOf(node.parentNode.nodeName) !== -1;
return isAnchorOrScript ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
};
var iter = document.createNodeIterator(rootNode, NodeFilter.SHOW_TEXT, filter, false);
var range = document.createRange();
var current;
while (current = iter.nextNode()) {
var getPathname = function(url) {
var pattern2 = /:\/\//g;
return pattern2.exec(url) ? url.slice(pattern2.lastIndex) : url;
};
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 = anchorFactory.create([{ attr: "href", value: item.mUrl }]);
range.setStart (current, item.pStart);
range.setEnd (current, item.pEnd );
range.surroundContents(a);
}
}
range.detach();
}
})();