Adds <br> before and after <code> tags on FreeCodeCamp
目前為
// ==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);
})();