☰

Convert Any links to Clickable Links

Convert plain text URLs and domain names (even missing "h" for http/https) into clickable links

Tính đến 23-02-2025. Xem phiên bản mới nhất.

// ==UserScript==
// @name         Convert Any links to Clickable Links 
// @namespace    kdroidwin.hatenablog.com/
// @version      1.1
// @description  Convert plain text URLs and domain names (even missing "h" for http/https) into clickable links 
// @author       Kdroidwin
// @match        *://*/* 
// @grant        none
// @license MIT 
// ==/UserScript==

(function() { 'use strict';

function convertTextToLinks() {
    // 正規表現パターンを更新: "h" がない場合や "http(s)://" の場合も対象にする
    // この例では先頭が "h?ttps?://" を探すことで、"h" がない場合にもマッチする
    const pattern = /(h?ttps?:\/\/[^\s]+|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})/g;
    
    const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, {
        acceptNode: node => {
            // この部分も正規表現を更新（元のコードとほぼ同じですが、patternを使用）
            if (node.parentNode && node.parentNode.tagName !== 'A' && pattern.test(node.nodeValue)) {
                return NodeFilter.FILTER_ACCEPT;
            }
            return NodeFilter.FILTER_REJECT;
        }
    });
    
    let nodes = [];
    while (walker.nextNode()) {
        nodes.push(walker.currentNode);
    }
    
    nodes.forEach(node => {
        const fragment = document.createDocumentFragment();
        // 改良：正規表現のキャプチャを利用して分割（splitはキャプチャも含むのでOK）
        const parts = node.nodeValue.split(pattern);
        
        parts.forEach(part => {
            // "ttps://" で始まる場合には先頭に"h"を補給
            if (/^ttps:\/\//i.test(part)) {
                const link = document.createElement('a');
                link.href = 'h' + part;
                link.textContent = part;
                link.target = '_blank';
                fragment.appendChild(link);
            // "http://" または "https://" で始まる場合
            } else if (/^https?:\/\//i.test(part)) {
                const link = document.createElement('a');
                link.href = part;
                link.textContent = part;
                link.target = '_blank';
                fragment.appendChild(link);
            // ドメインパターン
            } else if (/(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,}/.test(part)) {
                const link = document.createElement('a');
                link.href = 'https://' + part;
                link.textContent = part;
                link.target = '_blank';
                fragment.appendChild(link);
            } else {
                fragment.appendChild(document.createTextNode(part));
            }
        });
        
        node.parentNode.replaceChild(fragment, node);
    });
}

convertTextToLinks();
new MutationObserver(convertTextToLinks).observe(document.body, { childList: true, subtree: true });
})();