☰

Greasy Fork 支持简体中文。

增强型书签按钮和文本收集器

在页面左上角添加书签按钮，并提供跨页面文本收集功能

// ==UserScript==
// @name         增强型书签按钮和文本收集器
// @namespace    http://tampermonkey.net/
// @version      0.9
// @description  在页面左上角添加书签按钮，并提供跨页面文本收集功能
// @match        *://*/*
// @grant        GM_setClipboard
// @grant        GM_setValue
// @grant        GM_getValue
// @run-at       document-end
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // 创建书签按钮
    function createBookmarkButton() {
        const button = document.createElement('div');
        button.id = 'bookmark-button';
        button.style.cssText = `
            position: fixed;
            top: 10px;
            left: 0;
            width: 12px;
            height: 25px;
            border-radius: 0 12px 12px 0;
            background-color: rgba(144, 238, 144, 0.5);
            cursor: pointer;
            z-index: 9999999;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            font-size: 14px;
            color: rgba(0, 0, 0, 0.6);
            transition: all 0.3s ease;
            overflow: hidden;
        `;

        button.innerHTML = '<span style="margin-right: 3px;">❐</span>';

        button.addEventListener('mouseenter', function() {
            this.style.width = '25px';
            this.style.justifyContent = 'center';
            this.innerHTML = '❐+';
        });

        button.addEventListener('mouseleave', function() {
            this.style.width = '12px';
            this.style.justifyContent = 'flex-end';
            this.innerHTML = '<span style="margin-right: 3px;">❐</span>';
        });

        button.addEventListener('click', function() {
            const title = document.title;
            const url = decodeURI(window.location.href);
            const markdown = `[${title}](${url})`;
            GM_setClipboard(markdown);
            alert('已复制到剪贴板!');
        });

        document.body.appendChild(button);
    }

    // 创建文本收集框
    function createTextCollector() {
        const collector = document.createElement('div');
        collector.id = 'text-collector';
        collector.style.cssText = `
            position: fixed;
            bottom: 10px;
            right: 10px;
            width: 300px;
            height: 200px;
            background-color: rgba(30, 30, 30, 0.9); // 暗黑模式背景
            border: 1px solid #444; // 暗黑模式边框
            border-radius: 5px;
            padding: 10px;
            font-size: 14px;
            color: #fff; // 暗黑模式字体颜色
            z-index: 9999999;
            display: none;
            flex-direction: column;
        `;

        // 创建清空按钮
        const clearButton = document.createElement('div');
        clearButton.innerHTML = '🗑️'; // 使用垃圾桶符号
        clearButton.style.cssText = `
            position: absolute;
            top: 5px;
            right: 30px; // 放在关闭按钮左边
            cursor: pointer;
            font-size: 16px;
            color: #fff; // 暗黑模式字体颜色
        `;
        clearButton.addEventListener('click', () => {
            textArea.value = ''; // 清空文本内容
            GM_setValue('collectedText', ''); // 清空存储的文本
        //    alert('已清空所有内容!');
        });

        // 创建关闭按钮
        const closeButton = document.createElement('div');
        closeButton.innerHTML = '✖';
        closeButton.style.cssText = `
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;
            font-size: 16px;
            color: #fff; // 暗黑模式字体颜色
        `;
        closeButton.addEventListener('click', () => {
            collector.style.display = 'none';
            GM_setValue('collectorVisible', false);
        });

        const textArea = document.createElement('textarea');
        textArea.style.cssText = `
            flex-grow: 1;
            resize: none;
            border: none;
            outline: none;
            background-color: transparent;
            color: #fff; // 暗黑模式字体颜色
        `;

        // 从存储中加载文本
        textArea.value = GM_getValue('collectedText', '');

        // 监听文本变化并保存
        textArea.addEventListener('input', () => {
            GM_setValue('collectedText', textArea.value);
        });

        // 将清空按钮、关闭按钮和文本框添加到收集框
        collector.appendChild(clearButton);
        collector.appendChild(closeButton);
        collector.appendChild(textArea);
        document.body.appendChild(collector);

        // 恢复收集框的可见状态
        if (GM_getValue('collectorVisible', false)) {
            collector.style.display = 'flex';
        }

        return { collector, textArea };
    }

    // 初始化
    createBookmarkButton();
    const { collector, textArea } = createTextCollector();

    // 监听键盘事件
    document.addEventListener('keydown', function(e) {
        if (e.ctrlKey && e.key === 'x') {
            e.preventDefault(); // 阻止默认的剪切行为
            const selectedText = window.getSelection().toString().trim();
            if (selectedText) {
                if (collector.style.display === 'none') {
                    collector.style.display = 'flex';
                    GM_setValue('collectorVisible', true);
                    textArea.value += (textArea.value ? '\n' : '') + selectedText;
                } else {
                    textArea.value += '\n' + selectedText;
                }
                GM_setValue('collectedText', textArea.value);
                GM_setClipboard(textArea.value);
            }
        }
    });

})();