1

Тема: Як розгорнути всі spoiler'и і блоки code.

Я задовбався кожного разу розгортати споілери і блоки коду в форумі, тому будемо автоматизувати розгортаня.
Відкриваїмо консоль (Ctrl+Shift+K або Ctrl+Shift+I) і виконуїмо скріпт (js+css):

(function(s) {
    let style = document.createElement('style');
    style.innerHTML = s;
    let head = document.getElementsByTagName('head')[0];
    head.appendChild(style);
})(`
    .entry-content pre {
        max-height: none;
    }
    [style*="display: none;"] {
        display: block !important;
    }
`);

В нових web-переглядачах можна коротко:

document.head.innerHTML += `
    <style>
        .entry-content pre {
            max-height: none;
        }
        [style*="display: none;"] {
            display: block !important;
        }
    </style>
`;
приклад для демо
// Якийсь довгий код ..












// .. дуже довгий код ..












// .. і кінець.

Файно є.

2

Re: Як розгорнути всі spoiler'и і блоки code.

Якщо треба згорнути/розгорнути можна так:

document.querySelectorAll('.quotebox > div[onclick]').forEach(div => div.click())

3

Re: Як розгорнути всі spoiler'и і блоки code.

mikeos написав:

можна так:

document.querySelectorAll('.quotebox > div[onclick]').forEach(div => div.click())

Якщо в вас це працюйе, то добре.
В мене ця лінія робить нічого, бо onclick не був ініційований.

4 Востаннє редагувалося mikeos (08.04.2025 20:48:57)

Re: Як розгорнути всі spoiler'и і блоки code.

leofun01 написав:

В мене ця лінія робить нічого, бо onclick не був ініційований.

Дивно, хіба що відключений js.

Прихований текст

https://replace.org.ua/uploads/images/5736/9a05c27b14130e979b898db088e9aefe.png

Але з відключеним js неможливо згорнути/розрогнути спойлер клікнувши по ньому. І що ви кожен раз робите це через devtools? )

Подякували: leofun011

5

Re: Як розгорнути всі spoiler'и і блоки code.

mikeos написав:

кожен раз робите це через devtools?

Так. Це швидше ніж наводити курсор на якийсь шматок пікселів.