☰

Add <br> around <code> tags on FreeCodeCamp

Adds <br> before and after <code> tags on FreeCodeCamp

当前为 2023-11-20 提交的版本，查看 最新版本。

// ==UserScript==
// @name         Add <br> around <code> tags on FreeCodeCamp
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Adds <br> before and after <code> tags on FreeCodeCamp
// @author       Geromet
// @match        https://www.freecodecamp.org/learn/*
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';
    function addLineBreaks() {
        const codeElements = document.getElementsByTagName('code');
        // Check if <br> tags are already added to avoid duplicates
        for (const codeElement of codeElements) {
            const prevSibling = codeElement.previousSibling;
            const nextSibling = codeElement.nextSibling;
            if (prevSibling && prevSibling.tagName === 'BR' && nextSibling && nextSibling.tagName === 'BR') {
                // Line breaks already added, skip this element
                continue;
            }
            // Create a <br> element before the <code> element
            const lineBreakBefore = document.createElement('br');
            codeElement.parentNode.insertBefore(lineBreakBefore, codeElement);
            // Create a <br> element after the <code> element
            const lineBreakAfter = document.createElement('br');
            codeElement.parentNode.insertBefore(lineBreakAfter, codeElement.nextSibling);
        }
        // Stop checking for <code> elements after they are found
        clearInterval(intervalId);
    }

    // Check for the existence of <code> elements every 100 milliseconds
    const intervalId = setInterval(function() {
        const codeElements = document.getElementsByTagName('code');
        if (codeElements.length > 0) {
            // <code> elements found, stop the interval and add line breaks
            addLineBreaks();
        }
    }, 100);
})();