☰

组卷网-组卷中心一键清理

[2024.12.01]删除影响阅读的不必要元素，微调样式以方便观看，增加设置功能,能够设置是否保留试卷标题、大题、大题留白高度

// ==UserScript==
// @name         组卷网-组卷中心一键清理
// @namespace    http://tampermonkey.net/
// @version      0.30
// @description  [2024.12.01]删除影响阅读的不必要元素，微调样式以方便观看，增加设置功能,能够设置是否保留试卷标题、大题、大题留白高度
// @author       TheOneAdonis
// @match        https://zujuan.xkw.com/zujuan
// @grant        GM_setValue
// @grant        GM_getValue
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    let globalSpecialQuestions = {};

    // 默认设置
    const defaultSettings = {
        preservePaperName: false,
        preserveQuestionTitles: false,
        specialQuestionPadding: 120
    };

    // 获取用户设置
    function getSettings() {
        return {
            preservePaperName: GM_getValue('preservePaperName', defaultSettings.preservePaperName),
            preserveQuestionTitles: GM_getValue('preserveQuestionTitles', defaultSettings.preserveQuestionTitles),
            specialQuestionPadding: GM_getValue('specialQuestionPadding', defaultSettings.specialQuestionPadding)
        };
    }

    // 保存用户设置
    function saveSettings(settings) {
        GM_setValue('preservePaperName', settings.preservePaperName);
        GM_setValue('preserveQuestionTitles', settings.preserveQuestionTitles);
        GM_setValue('specialQuestionPadding', settings.specialQuestionPadding);
    }

    // 重置设置
    function resetSettings() {
        saveSettings(defaultSettings);
        return defaultSettings;
    }

    // 记录需要留空的题目
    const recordSpecialQuestions = () => {
        const specialTypes = [
            '简答题', '材料题', '综合题', '解答题',
            '辨析题', '计算题', '情境探究题', '分析说明题'
        ];

        const specialQuestions = {};

        const quesTypeElements = document.querySelectorAll('.ques-type');

        quesTypeElements.forEach(element => {
            const typeName = element.getAttribute('name');

            if (specialTypes.includes(typeName)) {
                if (!specialQuestions[typeName]) {
                    specialQuestions[typeName] = [];
                }

                const questionBody = element.querySelector('.questype-body');
                if (questionBody) {
                    const questions = questionBody.querySelectorAll('.ques-item');

                    questions.forEach((question, index) => {
                        const questionNumberElement = question.querySelector('.quesindex');
                        const questionNumber = questionNumberElement
                            ? questionNumberElement.textContent.trim()
                            : `未知题号 ${index + 1}`;

                        specialQuestions[typeName].push({
                            questionNumber: questionNumber,
                            index: index + 1,
                            element: question,
                            text: question.textContent.trim()
                        });
                    });
                }
            }
        });

        globalSpecialQuestions = specialQuestions;
        console.log('特殊题目记录:', specialQuestions);

        return specialQuestions;
    };

    // 创建设置模态框
        function createSettingsModal() {
        const modal = document.createElement('div');
        modal.style.cssText = `
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 500px;
            background: white;
            border-radius: 10px;
            box-shadow: 0 0 5px gray;
            border: 2px solid blue;
            padding: 20px;
            z-index: 2000;
            display: none;
        `;

        const settings = getSettings();

        modal.innerHTML = `
            <h2 style="text-align: center; margin-bottom: 20px;">页面清理设置</h2>

            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
                <label>保留试卷名</label>
                <input type="checkbox" id="preservePaperName"
                    ${settings.preservePaperName ? 'checked' : ''}>
            </div>

            <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
                <label>保留题型</label>
                <input type="checkbox" id="preserveQuestionTitles"
                    ${settings.preserveQuestionTitles ? 'checked' : ''}>
            </div>

            <div style="margin-bottom: 15px;">
                <label>大题留白高度：</label>
                <input type="range" id="specialQuestionPadding"
                    min="60" max="240" step="10"
                    value="${settings.specialQuestionPadding}">
                    <span id="paddingValue">${settings.specialQuestionPadding}px</span>
            </div>

            <div style="display: flex; justify-content: space-between;">
                <button id="saveSettings">保存</button>
                <button id="resetSettings">重置默认</button>
                <button id="closeSettings">取消</button>
            </div>
        `;
        document.body.appendChild(modal);

        // 实时更新留白高度显示
        const paddingSlider = modal.querySelector('#specialQuestionPadding');
        const paddingValue = modal.querySelector('#paddingValue');
        paddingSlider.addEventListener('input', (e) => {
            paddingValue.textContent = `${e.target.value}px`;
        });

        return modal;
    }



    // 页面加载完成后立即记录
    window.addEventListener('load', () => {
        recordSpecialQuestions();

        // 清理按钮
        const cleanButton = document.createElement('button');
        cleanButton.textContent = '清理';
        cleanButton.style.cssText = `
            position: fixed; right: 60px; top: 10px; z-index: 1000;
            padding: 10px; background-color: #2877ff;
            color: white; border: none; border-radius: 5px;
            cursor: pointer; margin-right: 10px;
        `;

        // 设置按钮
        const settingsButton = document.createElement('button');
        settingsButton.innerHTML = '⚙️';
        settingsButton.style.cssText = `
            position: fixed; right: 10px; top: 10px; z-index: 1000;
            padding: 10px; background-color: #f0f0f0;
            border: 1px solid #ccc; border-radius: 5px;
            cursor: pointer;
        `;

        const settingsModal = createSettingsModal();

        // 清理按钮事件
        cleanButton.addEventListener('click', function() {
            const settings = getSettings();

            // 删除元素列表
            const elementsToDelete = [
                'body > header',
                'body > div.bread-nav',
                'body > div.fiexd-nav',
                'body > main > aside',
                'body > main > article > div.seal-line',
                'body > main > article > div.paper-main > div.paper-body > div:nth-child(1) > div.part-head',
                '#part-head-box2',
                'body > main > article > div.paper-main > div.deleted-box',
                'body > div.footer',
                '#pui_studentinput',
                document.querySelector("#pui_studentinput") // 新增的元素选择器
            ];

            // 删除指定的元素
            elementsToDelete.forEach(selector => {
                if (typeof selector === 'string') {
                    const element = document.querySelector(selector);
                    if (element) element.remove();
                }
            });

            // 控制试卷名和标题
            if (!settings.preservePaperName) {
                const paperHead = document.querySelector('body > main > article > div.paper-main > div.paper-head');
                if (paperHead) paperHead.remove();
            }

            if (!settings.preserveQuestionTitles) {
                const questypeHeads = document.querySelectorAll('.questype-head');
                questypeHeads.forEach(element => element.remove());
            }

            // 为部分题型添加底部空白
            Object.values(globalSpecialQuestions).forEach(typeQuestions => {
                typeQuestions.forEach(question => {
                    question.element.style.paddingBottom = `${settings.specialQuestionPadding}px`;
                });
            });

            // 设置字体大小和页面样式
            document.querySelectorAll('*').forEach(el => {
                // 查找试卷标题
                const excludeElement = document.querySelector(
                    'body > main > article > div > div.paper-head > div.paper-title > #pui_maintitle'
                );

                // 跳过试卷标题
                if (el === excludeElement) {
                    return;
                }

                // 设置字体大小为 14px
                el.style.fontSize = '14px';

                // 如果当前元素不是 <body> 下的 <main> 元素，则设置外边距为 0px
                if (el !== document.querySelector('body > main')) {
                    el.style.margin = '0px';
                }
            });



            const paperCnt = document.querySelector('.paper-cnt.clearfix');
            if (paperCnt) paperCnt.style.maxWidth = '100%';

            const quesItems = document.querySelectorAll('.ques-item');
            quesItems.forEach(item => {
                item.style.paddingTop = '0';
                if (!item.style.paddingBottom || item.style.paddingBottom === '') {
                    item.style.paddingBottom = '0';
                }
            });

            // 清理按钮和设置按钮都消失
            cleanButton.remove();
            settingsButton.remove();
        });

        // 设置按钮事件
        settingsButton.addEventListener('click', () => {
            settingsModal.style.display = 'block';
        });

        // 保存设置
        settingsModal.querySelector('#saveSettings').addEventListener('click', () => {
            const newSettings = {
                preservePaperName: document.getElementById('preservePaperName').checked,
                preserveQuestionTitles: document.getElementById('preserveQuestionTitles').checked,
                specialQuestionPadding: parseInt(document.getElementById('specialQuestionPadding').value)
            };
            saveSettings(newSettings);
            settingsModal.style.display = 'none';
        });

        // 重置设置
        settingsModal.querySelector('#resetSettings').addEventListener('click', () => {
            settingsModal.style.display = 'none';
            const resetSettings = resetSettings();
            document.getElementById('preservePaperName').checked = resetSettings.preservePaperName;
            document.getElementById('preserveQuestionTitles').checked = resetSettings.preserveQuestionTitles;
            document.getElementById('specialQuestionPadding').value = resetSettings.specialQuestionPadding;
        });

        // 关闭设置框
        settingsModal.querySelector('#closeSettings').addEventListener('click', () => {
            settingsModal.style.display = 'none';
        });

        document.body.appendChild(cleanButton);
        document.body.appendChild(settingsButton);
    });
})();