fix: 复制按钮修复 - 使用隐藏input存储原始内容

templates/index.html

@@ -249,9 +249,6 @@
             div.className = `message ${role}`;
             
             const avatar = role === 'user' ? '👤' : '🤖';
-            // 准备复制内容 - 转义双引号用于HTML属性
-            const contentForCopy = content.replace(/&/g, '&').replace(/"/g, '"');
-            
             let html = `<div class="message-avatar">${avatar}</div><div class="message-body">`;
             
             // 思考内容
@@ -272,8 +269,9 @@
             } else {
                 html += `<div class="user-message-text">${escapeHtml(content)}</div>`;
             }
-            // 复制按钮
+            // 复制按钮 - 使用隐藏input存储原始内容
-            html += `<button class="copy-btn" data-content="${contentForCopy}" onclick="copyMessage(this)"><i class="ri-copy-line"></i> 复制</button>`;
+            html += `<input type="hidden" class="copy-source" value="${content.replace(/"/g, '&quot;')}">`;
+            html += `<button class="copy-btn" onclick="copyMessage(this)"><i class="ri-file-copy-line"></i> 复制</button>`;
             html += `</div>`;
             
             // Agent信息
@@ -301,19 +299,39 @@
         }
         
         function copyMessage(btn) {
-            // 获取存储的内容并解码HTML实体
+            // 从隐藏input获取原始内容
-            let text = btn.dataset.content || '';
+            const hiddenInput = btn.parentElement.querySelector('.copy-source');
-            // 解码HTML实体
+            if (!hiddenInput) {
-            text = text.replace(/&amp;/g, '&').replace(/&quot;/g, '"').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&#39;/g, "'");
+                console.error('找不到复制源');
+                return;
+            }
+            const text = hiddenInput.value;
             
-            navigator.clipboard.writeText(text).then(() => {
+            // 创建临时textarea复制
-                btn.innerHTML = '<i class="ri-check-line"></i> 已复制';
+            const textarea = document.createElement('textarea');
-                btn.classList.add('copied');
+            textarea.value = text;
-                setTimeout(() => { btn.innerHTML = '<i class="ri-copy-line"></i> 复制'; btn.classList.remove('copied'); }, 2000);
+            textarea.style.position = 'fixed';
-            }).catch(err => {
+            textarea.style.left = '-9999px';
+            document.body.appendChild(textarea);
+            textarea.select();
+            
+            try {
+                const success = document.execCommand('copy');
+                if (success) {
+                    btn.innerHTML = '<i class="ri-check-line"></i> 已复制';
+                    btn.classList.add('copied');
+                    setTimeout(() => { 
+                        btn.innerHTML = '<i class="ri-file-copy-line"></i> 复制'; 
+                        btn.classList.remove('copied'); 
+                    }, 2000);
+                } else {
+                    btn.innerHTML = '<i class="ri-error-line"></i> 失败';
+                }
+            } catch (err) {
                 console.error('复制失败:', err);
-                btn.innerHTML = '<i class="ri-error-line"></i> 失败';
+            }
-            });
+            
+            document.body.removeChild(textarea);
         }
         
         function escapeHtml(text) {