feat:copy_button

2026-02-05 01:21:57 -05:00 · 2026-01-17 12:25:50 +08:00
parent 07d1060183
commit aea50b44ca
5 changed files with 72 additions and 0 deletions
--- a/static/copy.js
+++ b/static/copy.js
@@ -0,0 +1,34 @@
+(function() {
+    document.querySelectorAll('pre code').forEach((codeBlock) => {
+        const pre = codeBlock.parentElement;
+        
+        if (pre.querySelector('.copy-button')) {
+            return;
+        }
+        
+        const copyButton = document.createElement('button');
+        copyButton.className = 'copy-button';
+        copyButton.textContent = '复制';
+        copyButton.setAttribute('aria-label', '复制代码');
+        copyButton.setAttribute('type', 'button');
+        
+        copyButton.addEventListener('click', () => {
+            navigator.clipboard.writeText(codeBlock.textContent.trimEnd()).then(() => {
+                copyButton.textContent = '已复制!';
+                copyButton.classList.add('copied');
+                
+                setTimeout(() => {
+                    copyButton.textContent = '复制';
+                    copyButton.classList.remove('copied');
+                }, 2000);
+            }).catch((err) => {
+                copyButton.textContent = '失败';
+                setTimeout(() => {
+                    copyButton.textContent = '复制';
+                }, 2000);
+            });
+        });
+        
+        pre.appendChild(copyButton);
+    });
+})();