Old Reddit show image in comments

Show image in comments of Old Reddit
目前为 2024-04-07 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         Old Reddit show image in comments
// @namespace    http://tampermonkey.net/
// @version      2024-04-07
// @description  Show image in comments of Old Reddit
// @author       minnieo
// @match        https://old.reddit.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=reddit.com
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {

// Function to find and replace <a> tags with <img> tags
function replaceLinks() {
    const links = document.querySelectorAll('p > a');
    links.forEach(link => {
        if (link.innerHTML === '&lt;image&gt;') {
            const img = document.createElement('img');
            img.src = link.href;
            img.style = link.style.cssText;
            img.style.height = '300px'; // Set height to 300 pixels
            img.style.width = 'auto'; // Set width to auto

            // Replace the <a> with the <img> in the DOM
            link.parentNode.replaceChild(img, link);
        }
    });
}

// Function to observe for dynamically added content
function observeDynamicContent() {
    const observer = new MutationObserver(mutations => {
        mutations.forEach(mutation => {
            // Check if there are added nodes and if any is an element node
            if (mutation.addedNodes.length && Array.from(mutation.addedNodes).some(node => node.nodeType === 1)) {
                replaceLinks();
            }
        });
    });

    // Start observing the document body for added nodes
    observer.observe(document.body, { childList: true, subtree: true });
}

// Run the initial replacement and set up the observer
replaceLinks();
observeDynamicContent();




})();
欢迎访问Greasy Fork镜像
