明经复制代码篡改猴扩展

664571221

看不懂啊e大这个是干嘛的

senry

我让Gemini给按钮增加一个样式

1. // ==UserScript==
   
2. // @name         明经复制代码扩展 (优化版)
   
3. // @namespace    http://tampermonkey.net/
   
4. // @version      2025-08-31
   
5. // @description  为明经论坛的代码区添加一个美观且功能更强大的复制按钮。
   
6. // @author       edata (优化 by Gemini)
   
7. // @match        *://*.mjtd.com/*
   
8. // @icon         http://bbs.mjtd.com/favicon.ico
   
9. // @grant        GM_addStyle
   
10. // @grant        GM_setClipboard
    
11. // ==/UserScript==
    
12. 
    
13. (function() {
    
14.     'use strict';
    
15. 
    
16.     // 使用油猴的 @grant 命令添加CSS样式，让按钮更美观
    
17.     GM_addStyle(`
    
18.         .copy-btn {
    
19.             margin-left: 15px;      /* 与标题保持一些距离 */
    
20.             padding: 2px 8px;       /* 增加内边距，让按钮看起来更大 */
    
21.             color: #1e90ff;         /* 设置漂亮的蓝色字体 */
    
22.             font-weight: bold;      /* 字体加粗 */
    
23.             cursor: pointer;        /* 鼠标悬停时显示小手图标 */
    
24.             border: 1px solid #1e90ff; /* 添加一个边框 */
    
25.             border-radius: 4px;     /* 圆角 */
    
26.             user-select: none;      /* 防止双击时选中文本 */
    
27.             transition: all 0.2s;   /* 添加过渡动画效果 */
    
28.         }
    
29.         .copy-btn:hover {
    
30.             background-color: #1e90ff; /* 鼠标悬停时改变背景色 */
    
31.             color: white;             /* 鼠标悬停时改变文字颜色 */
    
32.         }
    
33.         .copy-btn:active {
    
34.             transform: scale(0.95); /* 鼠标点击时有轻微的缩小效果 */
    
35.         }
    
36.         .copy-btn.copied {
    
37.             background-color: #28a745; /* 复制成功后的绿色 */
    
38.             color: white;
    
39.             border-color: #28a745;
    
40.         }
    
41.     `);
    
42. 
    
43.     // 转换HTML转义字符为正常字符
    
44.     // 这个函数基本正确，但可以扩展以处理更多转义字符
    
45.     function unescapeHTML(str) {
    
46.         if (!str) return "";
    
47.         // 使用一个div元素来解码，这是最安全和全面的方法
    
48.         const tempDiv = document.createElement('div');
    
49.         tempDiv.innerHTML = str;
    
50.         return tempDiv.textContent || tempDiv.innerText || "";
    
51.     }
    
52. 
    
53.     // 主处理函数
    
54.     function addCopyButtons() {
    
55.         // 【优化#1】使用 querySelectorAll 获取所有代码块，更健壮
    
56.         // 选择所有ID以 "mc_code" 开头的元素
    
57.         const codeBlocks = document.querySelectorAll('[id^="mc_code"]');
    
58. 
    
59.         codeBlocks.forEach(block => {
    
60.             const titleElement = block.querySelector('.jssccodetitle');
    
61.             if (!titleElement) return;
    
62. 
    
63.             // 检查是否已添加按钮，防止重复添加
    
64.             if (titleElement.querySelector('.copy-btn')) return;
    
65. 
    
66.             // 创建复制按钮
    
67.             const copyBtn = document.createElement('span');
    
68.             copyBtn.className = 'copy-btn';
    
69.             copyBtn.textContent = '复制代码'; // "复制代码" 可能比 "格式复制" 更直观
    
70. 
    
71.             // 添加点击事件
    
72.             copyBtn.addEventListener('click', () => {
    
73.                 const textarea = block.querySelector('textarea');
    
74.                 if (!textarea) return;
    
75. 
    
76.                 // 【优化#2】使用 .value 获取 textarea 的内容，更规范
    
77.                 let textToCopy = textarea.value;
    
78. 
    
79.                 // 论坛的<textarea>里可能还有转义的HTML，先解码
    
80.                 textToCopy = unescapeHTML(textToCopy);
    
81. 
    
82.                 // 明经论坛的代码块里有很多不必要的 <br />，这里可以直接替换为换行符
    
83.                 textToCopy = textToCopy.replace(/<br\s*\/?>/gi, '\n');
    
84. 
    
85.                 // 检查页面是否存在原生的 setCopy 函数
    
86.                 if (typeof setCopy === 'function') {
    
87.                     // 【优化#3】直接调用原生函数，可以利用网站自带的提示
    
88.                     setCopy(textToCopy, "代码已复制到剪贴板");
    
89.                 } else {
    
90.                     // 如果原生函数不存在，使用油猴提供的API作为备用，更可靠
    
91.                     GM_setClipboard(textToCopy);
    
92.                 }
    
93. 
    
94.                 // 提供视觉反馈
    
95.                 copyBtn.textContent = '复制成功!';
    
96.                 copyBtn.classList.add('copied');
    
97.                 setTimeout(() => {
    
98.                     copyBtn.textContent = '复制代码';
    
99.                     copyBtn.classList.remove('copied');
    
100.                 }, 2000); // 2秒后恢复原状
     
101.             });
     
102. 
     
103.             // 将按钮插入到标题栏
     
104.             titleElement.appendChild(copyBtn);
     
105.         });
     
106.     }
     
107. 
     
108.     // 【优化#4】使用 MutationObserver 监听DOM变化，以处理动态加载的内容
     
109.     const observer = new MutationObserver((mutations) => {
     
110.         // 简单地重新运行函数，它会跳过已经添加按钮的元素
     
111.         addCopyButtons();
     
112.     });
     
113. 
     
114.     // 配置观察器：观察子节点的变化
     
115.     const config = { childList: true, subtree: true };
     
116. 
     
117.     // 启动观察器，监视整个文档的body
     
118.     observer.observe(document.body, config);
     
119. 
     
120.     // 页面首次加载时先立即运行一次
     
121.     addCopyButtons();
     
122. 
     
123. })();

// ==UserScript==<br /> // @name         明经复制代码扩展 (优化版)<br /> // @namespace    <a href="http://tampermonkey.net/" target="_blank">http://tampermonkey.net/</a><br /> // @version      2025-08-31<br /> // @description  为明经论坛的代码区添加一个美观且功能更强大的复制按钮。<br /> // @author       edata (优化 by Gemini)<br /> // @match        *://*.mjtd.com/*<br /> // @icon         <a href="http://bbs.mjtd.com/favicon.ico" target="_blank">http://bbs.mjtd.com/favicon.ico</a><br /> // @grant        GM_addStyle<br /> // @grant        GM_setClipboard<br /> // ==/UserScript==<br /> <br /> (function() {<br />     'use strict';<br /> <br />     // 使用油猴的 @grant 命令添加CSS样式，让按钮更美观<br />     GM_addStyle(`<br />         .copy-btn {<br />             margin-left: 15px;      /* 与标题保持一些距离 */<br />             padding: 2px 8px;       /* 增加内边距，让按钮看起来更大 */<br />             color: #1e90ff;         /* 设置漂亮的蓝色字体 */<br />             font-weight: bold;      /* 字体加粗 */<br />             cursor: pointer;        /* 鼠标悬停时显示小手图标 */<br />             border: 1px solid #1e90ff; /* 添加一个边框 */<br />             border-radius: 4px;     /* 圆角 */<br />             user-select: none;      /* 防止双击时选中文本 */<br />             transition: all 0.2s;   /* 添加过渡动画效果 */<br />         }<br />         .copy-btn:hover {<br />             background-color: #1e90ff; /* 鼠标悬停时改变背景色 */<br />             color: white;             /* 鼠标悬停时改变文字颜色 */<br />         }<br />         .copy-btn:active {<br />             transform: scale(0.95); /* 鼠标点击时有轻微的缩小效果 */<br />         }<br />         .copy-btn.copied {<br />             background-color: #28a745; /* 复制成功后的绿色 */<br />             color: white;<br />             border-color: #28a745;<br />         }<br />     `);<br /> <br />     // 转换HTML转义字符为正常字符<br />     // 这个函数基本正确，但可以扩展以处理更多转义字符<br />     function unescapeHTML(str) {<br />         if (!str) return "";<br />         // 使用一个div元素来解码，这是最安全和全面的方法<br />         const tempDiv = document.createElement('div');<br />         tempDiv.innerHTML = str;<br />         return tempDiv.textContent || tempDiv.innerText || "";<br />     }<br /> <br />     // 主处理函数<br />     function addCopyButtons() {<br />         // 【优化#1】使用 querySelectorAll 获取所有代码块，更健壮<br />         // 选择所有ID以 "mc_code" 开头的元素<br />         const codeBlocks = document.querySelectorAll('[id^="mc_code"]');<br /> <br />         codeBlocks.forEach(block => {<br />             const titleElement = block.querySelector('.jssccodetitle');<br />             if (!titleElement) return;<br /> <br />             // 检查是否已添加按钮，防止重复添加<br />             if (titleElement.querySelector('.copy-btn')) return;<br /> <br />             // 创建复制按钮<br />             const copyBtn = document.createElement('span');<br />             copyBtn.className = 'copy-btn';<br />             copyBtn.textContent = '复制代码'; // "复制代码" 可能比 "格式复制" 更直观<br /> <br />             // 添加点击事件<br />             copyBtn.addEventListener('click', () => {<br />                 const textarea = block.querySelector('textarea');<br />                 if (!textarea) return;<br /> <br />                 // 【优化#2】使用 .value 获取 textarea 的内容，更规范<br />                 let textToCopy = textarea.value;<br /> <br />                 // 论坛的<textarea>里可能还有转义的HTML，先解码<br />                 textToCopy = unescapeHTML(textToCopy);<br /> <br />                 // 明经论坛的代码块里有很多不必要的 <br />，这里可以直接替换为换行符<br />                 textToCopy = textToCopy.replace(/<br\s*\/?>/gi, '\n');<br /> <br />                 // 检查页面是否存在原生的 setCopy 函数<br />                 if (typeof setCopy === 'function') {<br />                     // 【优化#3】直接调用原生函数，可以利用网站自带的提示<br />                     setCopy(textToCopy, "代码已复制到剪贴板");<br />                 } else {<br />                     // 如果原生函数不存在，使用油猴提供的API作为备用，更可靠<br />                     GM_setClipboard(textToCopy);<br />                 }<br /> <br />                 // 提供视觉反馈<br />                 copyBtn.textContent = '复制成功!';<br />                 copyBtn.classList.add('copied');<br />                 setTimeout(() => {<br />                     copyBtn.textContent = '复制代码';<br />                     copyBtn.classList.remove('copied');<br />                 }, 2000); // 2秒后恢复原状<br />             });<br /> <br />             // 将按钮插入到标题栏<br />             titleElement.appendChild(copyBtn);<br />         });<br />     }<br /> <br />     // 【优化#4】使用 MutationObserver 监听DOM变化，以处理动态加载的内容<br />     const observer = new MutationObserver((mutations) => {<br />         // 简单地重新运行函数，它会跳过已经添加按钮的元素<br />         addCopyButtons();<br />     });<br /> <br />     // 配置观察器：观察子节点的变化<br />     const config = { childList: true, subtree: true };<br /> <br />     // 启动观察器，监视整个文档的body<br />     observer.observe(document.body, config);<br /> <br />     // 页面首次加载时先立即运行一次<br />     addCopyButtons();<br /> <br /> })();