解决代码块复制只能在https安全上下文中复制问题

Textloding · Textloding · commit a04aecf39b1b · 2024-06-27T18:31:47.000+08:00
diff --git a/resources/views/documents/articles/show.blade.php b/resources/views/documents/articles/show.blade.php
@@ -396,13 +396,19 @@ function addCopyButtons() {
                 button.textContent = '复制';
 
                 button.addEventListener('click', function() {
-                    navigator.clipboard.writeText(codeBlock.textContent).then(function() {
-                        button.textContent = '已复制！';
+                    var textArea = document.createElement('textarea');
+                    textArea.value = codeBlock.textContent;
+                    document.body.appendChild(textArea);
+                    textArea.select();
+                    try {
+                        var successful = document.execCommand('copy');
+                        button.textContent = successful ? '复制完成！' : '复制失败';
                         setTimeout(() => { button.textContent = '复制'; }, 2000);
-                    }, function(err) {
+                    } catch (err) {
                         button.textContent = '复制失败';
                         console.error('Error copying text: ', err);
-                    });
+                    }
+                    document.body.removeChild(textArea);
                 });
 
                 if (!pre.parentNode.classList.contains('code-block')) {
@@ -413,7 +419,8 @@ function addCopyButtons() {
                 }
                 pre.appendChild(button);
             });
-        }
+}
+
 
 
 
