Universal-Markdown-Copy

自由选择网页区域并复制为 Markdown 格式
Wrap lines
// ==UserScript==
// @name         Universal-Markdown-Copy
// @namespace    http://tampermonkey.net/
// @version      1.8.0
// @description  自由选择网页区域并复制为 Markdown 格式
// @author       shenfangda
// @match        https://*.shenfangda.cn/*
// @grant        GM_setClipboard
// @license      MIT
// ==/UserScript==
(function() {
    'use strict';

    // 日志函数
    const log = (msg) => console.log(`[Markdown-Copy] ${msg}`);

    // 检查 DOM 是否就绪
    function waitForDOM(callback) {
        if (document.readyState === 'complete' || document.readyState === 'interactive') {
            callback();
        } else {
            document.addEventListener('DOMContentLoaded', callback);
            setTimeout(callback, 2000); // 2秒后强制执行
        }
    }

    // 主逻辑
    function initScript() {
        log(`脚本开始初始化于 ${window.location.href}`);

        // 样式定义
        const STYLES = `
            .markdown-copy-btn {
                position: fixed;
                top: 10px;
                right: 10px;
                z-index: 9999;
                padding: 8px 16px;
                background-color: #4CAF50;
                color: white;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                font-size: 14px;
                transition: all 0.3s;
            }
            .markdown-copy-btn:hover {
                background-color: #45a049;
                transform: scale(1.05);
            }
            .selection-box {
                position: absolute;
                border: 2px dashed #4CAF50;
                background-color: rgba(76, 175, 80, 0.1);
                z-index: 9998;
                pointer-events: none;
            }
            .div-highlight {
                border: 2px solid #4CAF50;
                background-color: rgba(76, 175, 80, 0.1);
                transition: all 0.2s;
            }
        `;

        // 添加样式
        if (!document.head) {
            log('错误：document.head 未找到');
            return;
        }
        const styleSheet = document.createElement('style');
        styleSheet.textContent = STYLES;
        document.head.appendChild(styleSheet);
        log('样式已加载');

        // 创建按钮
        if (!document.body) {
            log('错误：document.body 未找到');
            return;
        }
        const copyBtn = document.createElement('button');
        copyBtn.className = 'markdown-copy-btn';
        copyBtn.textContent = '选择区域复制 Markdown';
        document.body.appendChild(copyBtn);
        log('按钮已添加');

        let isSelecting = false;
        let isDivMode = false; // 新增：是否为 div 选择模式
        let startX, startY;
        let selectionBox = null;

        // HTML 转 Markdown
        function htmlToMarkdown(element) {
            let markdown = '';
            function processNode(node) {
                if (node.nodeType === Node.TEXT_NODE) return node.textContent.trim();
                if (node.nodeType !== Node.ELEMENT_NODE) return '';

                let result = '';
                const tag = node.tagName.toLowerCase();
                if (/h[1-6]/.test(tag)) {
                    const level = parseInt(tag[1]);
                    result += '#'.repeat(level) + ' ' + node.textContent.trim() + '\n\n';
                } else if (tag === 'p') {
                    result += node.textContent.trim() + '\n\n';
                } else if (tag === 'ul' || tag === 'ol') {
                    const items = Array.from(node.children).filter(child => child.tagName.toLowerCase() === 'li');
                    items.forEach(item => {
                        result += (tag === 'ul' ? '- ' : '1. ') + item.textContent.trim() + '\n';
                    });
                    result += '\n';
                } else if (tag === 'pre' || tag === 'code') {
                    result += '```\n' + node.textContent.trim() + '\n```\n\n';
                } else {
                    node.childNodes.forEach(child => result += processNode(child));
                }
                return result;
            }
            if (element) markdown = processNode(element);
            return markdown.trim();
        }

        // 获取自由选择区域内容
        function getSelectedContent(x1, y1, x2, y2) {
            const elements = document.elementsFromPoint((x1 + x2) / 2, (y1 + y2) / 2);
            for (let el of elements) {
                if (el.tagName.toLowerCase() !== 'body' && el.tagName.toLowerCase() !== 'html') {
                    const content = htmlToMarkdown(el);
                    log(`自由选择内容：${content.substring(0, 50)}...`);
                    return content;
                }
            }
            return '';
        }

        // 按钮点击切换模式
        copyBtn.addEventListener('click', () => {
            if (!isSelecting) {
                isSelecting = true;
                isDivMode = !isDivMode; // 切换模式
                copyBtn.textContent = isDivMode ? '按 Div 选择 (再次切换)' : '正在选择... (再次切换)';
                document.body.style.cursor = isDivMode ? 'pointer' : 'crosshair';
                log(`进入${isDivMode ? 'Div 选择' : '自由选择'}模式`);
            } else {
                resetSelection();
                log('取消选择模式');
            }
        });

        // 自由选择模式：鼠标事件
        document.addEventListener('mousedown', (e) => {
            if (!isSelecting || isDivMode || e.target === copyBtn) return;
            startX = e.clientX;
            startY = e.clientY;
            if (selectionBox) selectionBox.remove();
            selectionBox = document.createElement('div');
            selectionBox.className = 'selection-box';
            document.body.appendChild(selectionBox);
            log(`自由选择开始：(${startX}, ${startY})`);
        });

        document.addEventListener('mousemove', (e) => {
            if (!isSelecting || isDivMode || !selectionBox) return;
            const currentX = e.clientX;
            const currentY = e.clientY;
            const left = Math.min(startX, currentX);
            const top = Math.min(startY, currentY);
            const width = Math.abs(currentX - startX);
            const height = Math.abs(currentY - startY);
            selectionBox.style.left = `${left}px`;
            selectionBox.style.top = `${top}px`;
            selectionBox.style.width = `${width}px`;
            selectionBox.style.height = `${height}px`;
        });

        document.addEventListener('mouseup', (e) => {
            if (!isSelecting || isDivMode || !selectionBox) return;
            const endX = e.clientX;
            const endY = e.clientY;
            const markdownContent = getSelectedContent(startX, startY, endX, endY);
            if (markdownContent) {
                try {
                    GM_setClipboard(markdownContent);
                    alert('Markdown 已复制到剪贴板！');
                    log('自由选择复制成功');
                } catch (err) {
                    alert('复制失败，请检查控制台');
                    log(`复制失败：${err.message}`);
                }
            } else {
                alert('未检测到有效内容，请重新选择');
                log('自由选择未找到有效内容');
            }
            resetSelection();
        });

        // Div 选择模式：鼠标悬停高亮和点击复制
        let highlightedDiv = null;
        document.addEventListener('mouseover', (e) => {
            if (!isSelecting || !isDivMode) return;
            const target = e.target.closest('div');
            if (target && target !== highlightedDiv) {
                if (highlightedDiv) highlightedDiv.classList.remove('div-highlight');
                highlightedDiv = target;
                highlightedDiv.classList.add('div-highlight');
                log(`高亮 Div: ${target.outerHTML.substring(0, 50)}...`);
            }
        });

        document.addEventListener('click', (e) => {
            if (!isSelecting || !isDivMode || e.target === copyBtn) return;
            e.preventDefault(); // 防止点击触发其他事件
            const target = e.target.closest('div');
            if (target) {
                const markdownContent = htmlToMarkdown(target);
                if (markdownContent) {
                    try {
                        GM_setClipboard(markdownContent);
                        alert('Markdown 已复制到剪贴板！');
                        log('Div 选择复制成功');
                    } catch (err) {
                        alert('复制失败，请检查控制台');
                        log(`复制失败：${err.message}`);
                    }
                } else {
                    alert('未检测到有效内容');
                    log('Div 选择未找到有效内容');
                }
                resetSelection();
            }
        });

        // 离开页面时清理高亮
        document.addEventListener('mouseout', (e) => {
            if (!isSelecting || !isDivMode || !highlightedDiv) return;
            if (!e.relatedTarget || !highlightedDiv.contains(e.relatedTarget)) {
                highlightedDiv.classList.remove('div-highlight');
                highlightedDiv = null;
            }
        });

        // 重置选择
        function resetSelection() {
            isSelecting = false;
            copyBtn.textContent = '选择区域复制 Markdown';
            document.body.style.cursor = 'default';
            if (selectionBox) {
                selectionBox.remove();
                selectionBox = null;
            }
            if (highlightedDiv) {
                highlightedDiv.classList.remove('div-highlight');
                highlightedDiv = null;
            }
        }

        // Esc 键取消
        document.addEventListener('keydown', (e) => {
            if (e.key === 'Escape' && isSelecting) {
                resetSelection();
                log('通过 Esc 键取消选择');
            }
        });
    }

    // 等待 DOM 就绪后执行
    waitForDOM(() => {
        try {
            initScript();
        } catch (err) {
            log(`初始化失败：${err.message}`);
        }
    });
})();
欢迎访问Greasy Fork镜像
