// ==UserScript==
// @name         编辑网页
// @namespace    http://tampermonkey.net/
// @version      1.2.3
// @description  这是一个能编辑任何网页文本的扩展
// @author       yhu
// @license      GPL-3.0
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';
    let currentElement = null;
    const btn = document.createElement('div');
    btn.style.cssText = 'position:fixed;bottom:20px;right:20px;width:24px;height:24px;border-radius:4px;cursor:pointer;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,0.3);background-color:#f44336';
    btn.setAttribute('contenteditable', 'false');
    btn.onclick = (e) => { e.stopPropagation(); };
    document.body.appendChild(btn);
    function edit(el) {
        if (el === btn || btn.contains(el) || el.isContentEditable || el.closest('button,a,[role="button"]')) return;
        if (currentElement) { currentElement.contentEditable = 'false'; currentElement.style.outline = ''; currentElement.style.backgroundColor = ''; currentElement = null; }
        el.contentEditable = 'true';
        el.style.outline = '2px dashed #4a9eff';
        el.style.backgroundColor = 'rgba(74,158,255,0.1)';
        el.focus();
        let obs = new MutationObserver(() => { el.style.color = 'yellow'; obs.disconnect(); });
        obs.observe(el, { childList: true, subtree: true, characterData: true });
        el.addEventListener('blur', () => {
            obs.disconnect();
            el.contentEditable = 'false'; el.style.outline = ''; el.style.backgroundColor = ''; currentElement = null;
        }, { once: true });
        currentElement = el;
    }
    document.body.addEventListener('click', (e) => {
        if (e.target === btn || btn.contains(e.target)) return;
        if (e.detail === 2) {
            e.preventDefault();
            e.stopPropagation();
            let html = document.documentElement.outerHTML;
            let textarea = document.createElement('textarea');
            textarea.value = html;
            textarea.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;font-family:monospace;font-size:14px;background:#1e1e1e;color:#d4d4d4;border:none;padding:10px;';
            textarea.contentEditable = 'true';
            document.body.appendChild(textarea);
            textarea.focus();
            textarea.addEventListener('blur', () => {
                if (textarea.value !== html) {
                    let newDoc = textarea.value;
                    document.open();
                    document.write(newDoc);
                    document.close();
                }
                textarea.remove();
            }, { once: true });
            return;
        }
        if (e.target.isContentEditable) return;
        if (currentElement && !currentElement.contains(e.target)) {
            currentElement.contentEditable = 'false'; currentElement.style.outline = ''; currentElement.style.backgroundColor = ''; currentElement = null;
        }
        let node = e.target;
        while (node && node.nodeType === Node.TEXT_NODE) node = node.parentElement;
        if (!node) return;
        let target = node.closest('p,h1,h2,h3,h4,h5,h6,li,span,div,label,td,th,figcaption,legend');
        if (target) { e.preventDefault(); e.stopPropagation(); edit(target); }
    }, true);
})();