feat(S3): content export - Markdown download and PDF print

- Backend: GET /api/export/:type/:id returns .md file download - Backend: POST /api/export/text for direct text-to-md export - Frontend: downloadMarkdown() utility for client-side .md download - Frontend: printAsPdf() utility via browser print dialog - GenerateView: export dropdown button (MD / PDF) on result card Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-05-03 09:51:48 +08:00
parent 53d179dd00
commit 5cd7e1eb30
4 changed files with 165 additions and 0 deletions
--- a/vue-app/src/utils/export.ts
+++ b/vue-app/src/utils/export.ts
@@ -0,0 +1,38 @@
+/**
+ * 导出文本为 Markdown / PDF
+ */
+
+export function downloadMarkdown(content: string, title = '导出内容') {
+  const now = new Date().toISOString().slice(0, 19).replace(/[:T]/g, '-')
+  const markdown = `# ${title}\n\n> 导出时间: ${new Date().toLocaleString('zh-CN')}\n\n${content}\n`
+  const blob = new Blob([markdown], { type: 'text/markdown; charset=utf-8' })
+  const url = URL.createObjectURL(blob)
+  const a = document.createElement('a')
+  a.href = url
+  a.download = `${title.replace(/\s+/g, '_')}_${now}.md`
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+  URL.revokeObjectURL(url)
+}
+
+export function printAsPdf(content: string, title = '导出内容') {
+  const w = window.open('', '_blank', 'width=800,height=600')
+  if (!w) return
+  w.document.write(`
+    <!DOCTYPE html>
+    <html><head><meta charset="utf-8">
+    <title>${title}</title>
+    <style>
+      body { font-family: system-ui, sans-serif; max-width: 800px; margin: 0 auto; padding: 2rem; line-height: 1.7; }
+      pre { white-space: pre-wrap; background: #f5f5f5; padding: 1rem; border-radius: 6px; }
+    </style></head>
+    <body><h1>${title}</h1><p><em>导出时间: ${new Date().toLocaleString('zh-CN')}</em></p><pre>${escapeHtml(content)}</pre></body></html>
+  `)
+  w.document.close()
+  setTimeout(() => w.print(), 300)
+}
+
+function escapeHtml(text: string) {
+  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+}