NodeSeek 银星公益图床增强脚本

Greasy Fork is available in English.
NodeSeek 银星公益图床增强脚本

在 NodeSeek 支持点击、拖拽和粘贴上传图片银星公益图床，并插入 Markdown 格式到编辑器
当前为 2025-03-18 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         NodeSeek 银星公益图床增强脚本
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  在 NodeSeek 支持点击、拖拽和粘贴上传图片银星公益图床，并插入 Markdown 格式到编辑器
// @author       ZhangBreeze
// @match        https://www.nodeseek.com/*
// @grant        GM_xmlhttpRequest
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // 创建文件输入元素（用于点击上传）
    const fileInput = document.createElement('input');
    fileInput.type = 'file';
    fileInput.accept = 'image/*';
    fileInput.style.display = 'none';
    document.body.appendChild(fileInput);

    // 获取编辑器区域
    const editorWrapper = document.querySelector('#cm-editor-wrapper');
    const cmInstance = document.querySelector('.CodeMirror')?.CodeMirror;

    // 添加提示文字
    if (editorWrapper) {
        const hint = document.createElement('div');
        hint.textContent = '支持拖拽或粘贴上传图片';
        hint.style.position = 'absolute';
        hint.style.bottom = '5px';
        hint.style.right = '5px';
        hint.style.color = '#888'; // 灰色文字
        hint.style.fontSize = '12px';
        hint.style.zIndex = '10';
        hint.style.pointerEvents = 'none'; // 防止提示文字干扰操作
        editorWrapper.style.position = 'relative'; // 确保提示定位正确
        editorWrapper.appendChild(hint);
    }

    // 监听图片图标点击并屏蔽原有功能
    document.addEventListener('click', function(e) {
        const target = e.target.closest('span.toolbar-item.i-icon.i-icon-pic');
        if (target) {
            e.preventDefault();
            e.stopPropagation();
            fileInput.click();
        }
    }, true);

    // 文件选择后的处理
    fileInput.addEventListener('change', function(e) {
        if (e.target.files && e.target.files[0]) {
            const file = e.target.files[0];
            const formData = new FormData();
            formData.append('file', file);
            uploadToImageHost(formData);
        }
    });

    // 拖拽上传功能
    if (editorWrapper) {
        editorWrapper.addEventListener('dragover', (e) => {
            e.preventDefault();
            e.stopPropagation();
            editorWrapper.style.border = '2px dashed #000';
        });

        editorWrapper.addEventListener('dragleave', (e) => {
            e.preventDefault();
            e.stopPropagation();
            editorWrapper.style.border = '';
        });

        editorWrapper.addEventListener('drop', (e) => {
            e.preventDefault();
            e.stopPropagation();
            editorWrapper.style.border = '';
            const files = e.dataTransfer.files;
            if (files && files[0] && files[0].type.startsWith('image/')) {
                const formData = new FormData();
                formData.append('file', files[0]);
                uploadToImageHost(formData);
            }
        });
    }

    // 粘贴上传功能
    if (editorWrapper) {
        editorWrapper.addEventListener('paste', (e) => {
            const items = (e.clipboardData || e.originalEvent.clipboardData).items;
            for (let i = 0; i < items.length; i++) {
                if (items[i].type.indexOf('image') !== -1) {
                    e.preventDefault();
                    const file = items[i].getAsFile();
                    if (file) {
                        const formData = new FormData();
                        formData.append('file', file);
                        uploadToImageHost(formData);
                    }
                    break;
                }
            }
        });
    }

    // 上传到图床的函数
    function uploadToImageHost(formData) {
        return new Promise((resolve, reject) => {
            const apiUrl = 'https://img.sss.wiki/api/v1/upload'; // 替换为你的图床域名/api/v1/upload
            const token = 'Bearer 9|aiSZmhAzf9u7k8slCHXVe8ZDpyH2earpsgQcgHoi'; // 替换为你的实际 Token

            console.log('开始上传到:', apiUrl);
            console.log('使用 Token:', token);

            GM_xmlhttpRequest({
                method: 'POST',
                url: apiUrl,
                headers: {
                    'Authorization': 'Bearer ' + token,
                    'Accept': 'application/json'
                },
                data: formData,
                onload: (response) => {
                    console.log('响应状态:', response.status);
                    console.log('响应内容:', response.responseText);
                    try {
                        const jsonResponse = JSON.parse(response.responseText);
                        if (response.status === 200 && jsonResponse && jsonResponse.data && jsonResponse.data.links && jsonResponse.data.links.url) {
                            const imageUrl = jsonResponse.data.links.url;
                            const fileName = formData.get('file').name.split('.').slice(0, -1).join('.');
                            const markdownImage = `![${fileName}](${imageUrl})`;
                            console.log('上传成功，Markdown:', markdownImage);
                            insertToEditor(markdownImage);
                        } else {
                            console.error('上传成功但未获取到有效链接');
                        }
                        resolve();
                    } catch (error) {
                        console.error('解析响应错误:', error);
                        reject(error);
                    }
                },
                onerror: (error) => {
                    console.error('上传错误详情:', error);
                    reject(error);
                },
                ontimeout: () => {
                    console.error('请求超时');
                    reject(new Error('Timeout'));
                },
                timeout: 10000
            });
        });
    }

    // 将 Markdown 插入到 CodeMirror 编辑器
    function insertToEditor(markdown) {
        if (cmInstance) {
            const cursor = cmInstance.getCursor();
            cmInstance.replaceRange(markdown + '\n', cursor);
            console.log('已插入 Markdown 到编辑器');
        } else {
            const editable = document.querySelector('.CodeMirror textarea') || document.querySelector('textarea');
            if (editable) {
                editable.value += markdown + '\n';
            } else {
                console.error('未找到可编辑的 CodeMirror 实例或 textarea');
            }
        }
    }
})();