Update md fmt and add copy btn on pre

Author: ego008

static/css/main.css

@@ -121,6 +121,34 @@ h1.br-nav, h2.br-nav, h3.br-nav, h4.br-nav {color:#777;font-size: 1em;font-weigh
 .right {float: right;}
 .c {clear: both}
 
+.pre-container {
+    position: relative;
+    background: #f5f5f5;
+    padding: .3em;
+    border-radius: 4px;
+}
+.copy-btn {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    padding: 4px 8px;
+    background: #4CAF50;
+    color: white;
+    border: none;
+    border-radius: 3px;
+    cursor: pointer;
+    transition: opacity 0.3s;
+    font-size: .7rem;
+}
+
+.copy-btn:hover {
+    opacity: 0.9;
+}
+
+.copy-btn.copied {
+    background: #2196F3;
+}
+
 .button-success,
 .button-error,
 .button-warning,

util/content_fmt.go

@@ -54,20 +54,10 @@ func HasCodeBlock(s string) (has bool) {
 
 // 代码表格
 func tableCode(text, lang string) string {
-	text = strings.TrimSpace(text)
-	var codes []string
-	var lines []string
-	for i, line := range StringSplit(text, "\n") {
-		lines = append(lines, fmt.Sprintf(`<span class="line-number">%d</span>`, i+1))
-		codes = append(codes, fmt.Sprintf(`<span class="line">%s</span>`, line))
-	}
-
 	return fmt.Sprintf(`
 <div class="highlight highlight-%s">
-<table><tbody><tr>
-<td class="gutter"><pre class="line-numbers">%s</pre></td>
-<td class="code"><pre><code class="%s">%s</code></pre></td>
-</tr></tbody></table></div>`, lang, strings.Join(lines, "\n"), lang, strings.Join(codes, "\n"))
+<pre><code class="%s">%s</code></pre>
+</div>`, lang, lang, text)
 }
 
 // TrimPreTag 去除 pre 标签
@@ -94,9 +84,6 @@ var mdp = goldmark.New(
 // 注意首行与末行，前均无空格
 
 func ContentFmt(input string) string {
-	//if strings.Contains(input, "&") {
-	//	input = htmlStd.UnescapeString(input)
-	//}
 	// 代码块处理，后端代码高亮
 	codeRawMap := map[string]string{} // 代码块
 	if HasCodeBlock(input) {

views/ybs/topic_detail.qtpl

@@ -323,8 +323,58 @@ if(audioLst.length>1){
     });
 }
 
+function setCopyBtn(){
+    // 遍历所有pre元素
+    document.querySelectorAll('pre').forEach(pre => {
+    // 创建容器包裹pre元素
+    const container = document.createElement('div');
+    container.className = 'pre-container';
+    pre.parentNode.insertBefore(container, pre);
+    container.appendChild(pre);
+
+    // 创建复制按钮
+    const btn = document.createElement('button');
+    btn.className = 'copy-btn';
+    btn.textContent = '复制';
+
+    // 添加点击事件
+    {% if p.CurrentUser.ID > 0 %}
+    btn.addEventListener('click', async () => {
+      try {
+        // 获取纯文本内容（自动去除HTML标签）
+        const text = pre.textContent;
+
+        // 现代浏览器API
+        await navigator.clipboard.writeText(text);
+
+        // 反馈效果
+        btn.textContent = '✓ 已复制';
+        btn.classList.add('copied');
+        setTimeout(() => {
+          btn.textContent = '复制';
+          btn.classList.remove('copied');
+        }, 1500);
+      } catch (err) {
+        // 兼容旧浏览器方案
+        const textarea = document.createElement('textarea');
+        textarea.value = pre.textContent;
+        document.body.appendChild(textarea);
+        textarea.select();
+        document.execCommand('copy');
+        document.body.removeChild(textarea);
+        btn.textContent = '✓ 已复制';
+        setTimeout(() => btn.textContent = '复制', 1500);
+      }
+    });
+    {% endif %}
+
+    container.appendChild(btn);
+    });
+}
+
             docReady(function() {
                 getContentLinkCount();
+                setCopyBtn();
             });
 
         </script>