☰

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.2
// @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');
        for (const codeElement of codeElements) {
            const prevSibling = codeElement.previousSibling;
            const nextSibling = codeElement.nextSibling;
            if (prevSibling && prevSibling.tagName === 'BR' && nextSibling && nextSibling.tagName === 'BR') {
                continue;
            }
            const lineBreakBefore = document.createElement('br');
            codeElement.parentNode.insertBefore(lineBreakBefore, codeElement);
            const lineBreakAfter = document.createElement('br');
            codeElement.parentNode.insertBefore(lineBreakAfter, codeElement.nextSibling);
        }
        clearInterval(intervalId);
        resizeWindow();
        setTimeout(restoreWindowSize, 1000);
    }
    function resizeWindow() {
        window.resizeTo(window.innerWidth - 420, window.innerHeight);
    }
    function restoreWindowSize() {
        window.resizeTo(window.innerWidth + 420, window.innerHeight);
    }
    const intervalId = setInterval(function() {
        const codeElements = document.getElementsByTagName('code');
        if (codeElements.length > 0) {
            addLineBreaks();
        }
    }, 100);
})();