Upload folder using huggingface_hub

.dockerignore

@@ -0,0 +1,6 @@
+.git
+.gitignore
+__pycache__
+*.pyc
+.DS_Store
+

.gitignore

@@ -0,0 +1,10 @@
+__pycache__/
+*.pyc
+
+# Downloaded static export (not part of mk2word app)
+aioutput2doc/aioutput2doc.com/_next/
+aioutput2doc/aioutput2doc.com/en/
+aioutput2doc/aioutput2doc.com/en.html
+aioutput2doc/aioutput2doc.com/favicon.ico
+aioutput2doc/cdn.jsdelivr.net/
+

Dockerfile

@@ -0,0 +1,14 @@
+FROM python:3.11-slim
+
+WORKDIR /app
+COPY . .
+
+RUN apt-get update && apt-get install -y --no-install-recommends pandoc \
+  && rm -rf /var/lib/apt/lists/*
+
+RUN python -m pip install --no-cache-dir -r requirements.txt
+
+ENV PORT=7860
+EXPOSE 7860
+
+CMD ["sh", "-c", "uvicorn server:app --host 0.0.0.0 --port ${PORT}"]

README.md

@@ -1,10 +1,15 @@
 ---
-title: Markdown2word
-emoji: 🏃
-colorFrom: indigo
-colorTo: blue
+title: "markdown2word"
+emoji: "🚀"
+colorFrom: blue
+colorTo: green
 sdk: docker
-pinned: false
+app_port: 7860
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+### 🚀 一键部署
+[![Deploy with HFSpaceDeploy](https://img.shields.io/badge/Deploy_with-HFSpaceDeploy-green?style=social&logo=rocket)](https://github.com/kfcx/HFSpaceDeploy)
+
+本项目由[HFSpaceDeploy](https://github.com/kfcx/HFSpaceDeploy)一键部署
+
+

app.js

@@ -0,0 +1,257 @@
+const mdInput = document.getElementById("mdInput");
+const preview = document.getElementById("preview");
+const copyBtn = document.getElementById("copyBtn");
+const docxBtn = document.getElementById("docxBtn");
+const clearBtn = document.getElementById("clearBtn");
+const statusEl = document.getElementById("status");
+
+function setStatus(message, type = "info") {
+  const colors = {
+    info: "rgba(255,255,255,0.62)",
+    ok: "rgba(34,197,94,0.95)",
+    warn: "rgba(245,158,11,0.95)",
+    err: "rgba(239,68,68,0.95)",
+  };
+  statusEl.textContent = message || "";
+  statusEl.style.color = colors[type] || colors.info;
+}
+
+function getWordCss() {
+  return `
+    body{
+      font-family: Calibri, "Microsoft YaHei", "PingFang SC", "SimSun", Arial, sans-serif;
+      font-size: 11pt;
+      line-height: 1.6;
+      color: #111;
+    }
+    h1,h2,h3{ font-weight: 700; margin: 0.9em 0 0.4em; }
+    p{ margin: 0.5em 0; }
+    ul,ol{ margin: 0.5em 0 0.5em 1.2em; }
+    blockquote{ margin: 0.7em 0; padding: 0.3em 0.8em; border-left: 3px solid #7c5cff; background: #f6f4ff; }
+    code{ font-family: Consolas, "Courier New", monospace; background: #f3f4f6; padding: 0.05em 0.25em; border-radius: 4px; }
+    pre{ font-family: Consolas, "Courier New", monospace; background: #f6f7f9; padding: 10px 12px; border-radius: 6px; }
+    pre code{ background: transparent; padding: 0; }
+    table{ border-collapse: collapse; width: 100%; }
+    th,td{ border: 1px solid #d1d5db; padding: 6px 8px; vertical-align: top; }
+    th{ background: #f3f4f6; }
+    a{ color: #1d4ed8; text-decoration: underline; }
+  `;
+}
+
+function ensureDeps() {
+  const ok = typeof window.marked?.parse === "function" && typeof window.DOMPurify?.sanitize === "function";
+  if (!ok) {
+    setStatus("依赖加载失败：marked/DOMPurify 未就绪（可能被网络拦截）", "err");
+  }
+  return ok;
+}
+
+function hasMathDeps() {
+  return typeof window.renderMathInElement === "function" && typeof window.katex !== "undefined";
+}
+
+function renderMath(root) {
+  if (!hasMathDeps()) return;
+  try {
+    renderMathInElement(root, {
+      delimiters: [
+        { left: "$$", right: "$$", display: true },
+        { left: "$", right: "$", display: false },
+        { left: "\\(", right: "\\)", display: false },
+        { left: "\\[", right: "\\]", display: true },
+      ],
+      throwOnError: false,
+    });
+  } catch {
+    // ignore
+  }
+}
+
+function normalizeMarkdownForMath(markdown) {
+  let src = markdown || "";
+  const original = src;
+
+  // 1. 块级公式: \[ ... \] 或 \\[ ... \\] → $$ ... $$
+  //    必须在 marked 解析前转换，否则反斜杠会被吃掉
+  src = src.replace(/\\{1,2}\[([\s\S]*?)\\{1,2}\]/g, (match, formula) => {
+    return `\n$$${formula.trim()}$$\n`;
+  });
+
+  // 2. 行内公式: \( ... \) 或 \\( ... \\) → $ ... $
+  src = src.replace(/\\{1,2}\(([\s\S]*?)\\{1,2}\)/g, (match, formula) => {
+    return `$${formula}$`;
+  });
+
+  // 3. AI 常见输出: 单独一行的 [ ... ] → $$ ... $$
+  src = src.replace(/(^|\n)\s*\[\s*\n([\s\S]*?)\n\s*\]\s*(?=\n|$)/g, "\n$$\n$2\n$$\n");
+
+  // Debug 输出
+  if (src !== original) {
+    console.log("=== 公式规范化 ===");
+    console.log("原始:", original);
+    console.log("转换后:", src);
+  }
+
+  return src;
+}
+
+function renderMarkdown(markdown) {
+  if (!ensureDeps()) return { html: "", plain: markdown || "" };
+
+  marked.setOptions({
+    gfm: true,
+    breaks: true,
+    headerIds: false,
+    mangle: false,
+  });
+
+  const normalized = normalizeMarkdownForMath(markdown || "");
+  const rawHtml = marked.parse(normalized);
+  const safeHtml = DOMPurify.sanitize(rawHtml, { USE_PROFILES: { html: true } });
+  return { html: safeHtml, plain: normalized };
+}
+
+function updatePreview() {
+  const { html } = renderMarkdown(mdInput.value);
+  preview.innerHTML = html || `<div style="color: rgba(255,255,255,0.5);">这里会显示预览…</div>`;
+  renderMath(preview);
+}
+
+function htmlToPlainText(html) {
+  const div = document.createElement("div");
+  div.innerHTML = html;
+  return div.innerText || div.textContent || "";
+}
+
+function convertKatexToMathML(root) {
+  const displayNodes = Array.from(root.querySelectorAll(".katex-display"));
+  for (const displayNode of displayNodes) {
+    const math = displayNode.querySelector(".katex-mathml math") || displayNode.querySelector("math");
+    if (!math) continue;
+    const block = document.createElement("div");
+    block.appendChild(math.cloneNode(true));
+    displayNode.replaceWith(block);
+  }
+
+  const katexNodes = Array.from(root.querySelectorAll(".katex"));
+  for (const node of katexNodes) {
+    const math = node.querySelector(".katex-mathml math") || node.querySelector("math");
+    if (!math) continue;
+    node.replaceWith(math.cloneNode(true));
+  }
+}
+
+function replaceKatexWithTexText(root) {
+  const displayNodes = Array.from(root.querySelectorAll(".katex-display"));
+  for (const displayNode of displayNodes) {
+    const tex =
+      displayNode.querySelector('annotation[encoding="application/x-tex"]')?.textContent ||
+      displayNode.querySelector(".katex-mathml annotation")?.textContent ||
+      "";
+    if (!tex.trim()) continue;
+    const div = document.createElement("div");
+    div.textContent = `$$\n${tex}\n$$`;
+    div.style.whiteSpace = "pre-wrap";
+    div.style.fontFamily = 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+    displayNode.replaceWith(div);
+  }
+
+  const inlineNodes = Array.from(root.querySelectorAll(".katex"));
+  for (const node of inlineNodes) {
+    const tex =
+      node.querySelector('annotation[encoding="application/x-tex"]')?.textContent ||
+      node.querySelector(".katex-mathml annotation")?.textContent ||
+      "";
+    if (!tex.trim()) continue;
+    const span = document.createElement("span");
+    span.textContent = `$${tex}$`;
+    span.style.whiteSpace = "pre-wrap";
+    span.style.fontFamily = 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+    node.replaceWith(span);
+  }
+}
+
+async function copyAsWord() {
+  const markdown = mdInput.value.trim();
+  if (!markdown) {
+    setStatus("先粘贴一些 Markdown 再复制", "warn");
+    return;
+  }
+  if (!ensureDeps()) return;
+
+  const { html, plain: normalizedPlain } = renderMarkdown(markdown);
+
+  const container = document.createElement("div");
+  container.innerHTML = html;
+  renderMath(container);
+  // Clipboard: 使用 MathML 让 Word 能识别为可编辑公式
+  convertKatexToMathML(container);
+
+  const wordHtml = `<!doctype html><html><head><meta charset="utf-8"><style>${getWordCss()}</style></head><body>${container.innerHTML}</body></html>`;
+  const plain = container.innerText || htmlToPlainText(html);
+
+  try {
+    if (!navigator.clipboard?.write) {
+      throw new Error("Clipboard API 不可用");
+    }
+    const item = new ClipboardItem({
+      "text/html": new Blob([wordHtml], { type: "text/html" }),
+      "text/plain": new Blob([plain], { type: "text/plain" }),
+    });
+    await navigator.clipboard.write([item]);
+    setStatus("已复制：去 Word/WPS 直接粘贴即可", "ok");
+  } catch (e) {
+    setStatus(`复制失败：${e?.message || e}`, "err");
+  }
+}
+
+async function downloadDocx() {
+  const markdown = mdInput.value.trim();
+  if (!markdown) {
+    setStatus("先粘贴一些 Markdown 再导出", "warn");
+    return;
+  }
+
+  const { plain: normalized } = renderMarkdown(markdown);
+  setStatus("正在生成 DOCX…", "info");
+
+  try {
+    const resp = await fetch("/api/docx", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ markdown: normalized, filename: "output.docx" }),
+    });
+    if (!resp.ok) {
+      const text = await resp.text().catch(() => "");
+      throw new Error(text || `HTTP ${resp.status}`);
+    }
+    const blob = await resp.blob();
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "output.docx";
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+    setStatus("已生成 DOCX（公式可编辑）", "ok");
+  } catch (e) {
+    setStatus(`导出失败：${e?.message || e}`, "err");
+  }
+}
+
+mdInput.addEventListener("input", () => {
+  updatePreview();
+  setStatus("");
+});
+
+copyBtn.addEventListener("click", copyAsWord);
+docxBtn.addEventListener("click", downloadDocx);
+clearBtn.addEventListener("click", () => {
+  mdInput.value = "";
+  updatePreview();
+  setStatus("");
+  mdInput.focus();
+});
+
+updatePreview();

index.html

@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>MK2Word</title>
+    <link rel="stylesheet" href="styles.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" />
+  </head>
+  <body>
+    <main class="wrap">
+      <header class="header">
+        <div>
+          <h1 class="title">MK2Word</h1>
+          <p class="subtitle">粘贴 Markdown → 一键复制为 Word 可粘贴的富文本</p>
+        </div>
+        <div class="actions">
+          <button id="copyBtn" class="btn btn-primary" type="button">复制为 Word 格式</button>
+          <button id="docxBtn" class="btn" type="button">下载 DOCX（可编辑公式）</button>
+          <button id="clearBtn" class="btn" type="button">清空</button>
+        </div>
+      </header>
+
+      <section class="grid">
+        <div class="panel">
+          <div class="panel-head">
+            <h2>输入（Markdown）</h2>
+            <div class="small">支持表格/任务列表等常见 GFM</div>
+          </div>
+          <textarea
+            id="mdInput"
+            class="textarea"
+            placeholder="把 AI 生成的 Markdown 粘贴到这里…"
+            spellcheck="false"
+          ></textarea>
+          <div class="hint">
+            粘贴到 Word 时建议用普通粘贴（Ctrl+V），不要“只保留文本”。
+          </div>
+        </div>
+
+        <div class="panel">
+          <div class="panel-head">
+            <h2>预览</h2>
+            <div id="status" class="status" aria-live="polite"></div>
+          </div>
+          <div id="preview" class="preview"></div>
+        </div>
+      </section>
+    </main>
+
+    <!-- CDN 方式：无需构建，直接可用。若你需要离线/内网环境，再改为本地打包引入。 -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/dompurify@3.0.11/dist/purify.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/auto-render.min.js"></script>
+    <script src="app.js"></script>
+  </body>
+</html>

requirements.txt

@@ -0,0 +1,4 @@
+fastapi==0.115.6
+uvicorn[standard]==0.27.1
+pydantic==2.10.4
+

server.py

@@ -0,0 +1,88 @@
+from __future__ import annotations
+
+import mimetypes
+import os
+import subprocess
+import tempfile
+from pathlib import Path
+
+from fastapi import FastAPI, HTTPException
+from fastapi.responses import FileResponse, Response
+from pydantic import BaseModel
+
+
+BASE_DIR = Path(__file__).resolve().parent
+
+DOCX_MIME = "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+
+
+class DocxRequest(BaseModel):
+    markdown: str
+    filename: str | None = None
+
+
+app = FastAPI()
+
+
+@app.get("/")
+def index():
+    return FileResponse(BASE_DIR / "index.html")
+
+
+@app.get("/{path:path}")
+def static_files(path: str):
+    if path.startswith("api/"):
+        raise HTTPException(status_code=404)
+
+    candidate = (BASE_DIR / path).resolve()
+    if candidate == BASE_DIR or BASE_DIR not in candidate.parents:
+        raise HTTPException(status_code=404)
+    if not candidate.exists() or not candidate.is_file():
+        raise HTTPException(status_code=404)
+
+    media_type, _ = mimetypes.guess_type(str(candidate))
+    return FileResponse(candidate, media_type=media_type)
+
+
+@app.post("/api/docx")
+def export_docx(req: DocxRequest):
+    markdown = (req.markdown or "").strip()
+    if not markdown:
+        raise HTTPException(status_code=400, detail="empty markdown")
+
+    filename = (req.filename or "output.docx").strip() or "output.docx"
+    if not filename.lower().endswith(".docx"):
+        filename += ".docx"
+
+    with tempfile.TemporaryDirectory() as td:
+        td_path = Path(td)
+        input_md = td_path / "input.md"
+        output_docx = td_path / "output.docx"
+        input_md.write_text(markdown, encoding="utf-8")
+
+        cmd = [
+            "pandoc",
+            str(input_md),
+            "--from",
+            "markdown+tex_math_dollars+tex_math_single_backslash",
+            "--to",
+            "docx",
+            "--output",
+            str(output_docx),
+        ]
+        try:
+            subprocess.run(cmd, check=True, stdout=subprocess.PIPE, stderr=subprocess.PIPE)
+        except FileNotFoundError as e:
+            raise HTTPException(status_code=500, detail="pandoc not installed") from e
+        except subprocess.CalledProcessError as e:
+            detail = (e.stderr or b"").decode("utf-8", errors="replace")[-4000:]
+            raise HTTPException(status_code=400, detail=f"pandoc failed: {detail}") from e
+
+        data = output_docx.read_bytes()
+
+    return Response(
+        content=data,
+        media_type=DOCX_MIME,
+        headers={"Content-Disposition": f'attachment; filename="{filename}"'},
+    )
+

styles.css

@@ -0,0 +1,226 @@
+:root {
+  --bg: #0b1020;
+  --panel: rgba(255, 255, 255, 0.06);
+  --panel-border: rgba(255, 255, 255, 0.10);
+  --text: rgba(255, 255, 255, 0.92);
+  --muted: rgba(255, 255, 255, 0.62);
+  --brand: #7c5cff;
+  --brand-2: #22c55e;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+  color: var(--text);
+  background: radial-gradient(1200px 800px at 20% 0%, rgba(124, 92, 255, 0.25), transparent 60%),
+    radial-gradient(900px 600px at 80% 20%, rgba(34, 197, 94, 0.18), transparent 55%),
+    var(--bg);
+  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
+    "Segoe UI Emoji";
+}
+
+.wrap {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 28px 18px 40px;
+}
+
+.header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 18px;
+}
+
+.title {
+  margin: 0 0 6px;
+  font-size: 28px;
+  letter-spacing: 0.2px;
+}
+
+.subtitle {
+  margin: 0;
+  color: var(--muted);
+}
+
+.actions {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
+.btn {
+  appearance: none;
+  border: 1px solid var(--panel-border);
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text);
+  padding: 10px 12px;
+  border-radius: 10px;
+  cursor: pointer;
+  font-weight: 600;
+}
+
+.btn:hover {
+  background: rgba(255, 255, 255, 0.10);
+}
+
+.btn:active {
+  transform: translateY(1px);
+}
+
+.btn-primary {
+  border-color: rgba(124, 92, 255, 0.45);
+  background: linear-gradient(135deg, rgba(124, 92, 255, 0.9), rgba(124, 92, 255, 0.55));
+}
+
+.btn-primary:hover {
+  background: linear-gradient(135deg, rgba(124, 92, 255, 0.98), rgba(124, 92, 255, 0.62));
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 14px;
+}
+
+@media (max-width: 980px) {
+  .grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+.panel {
+  border: 1px solid var(--panel-border);
+  background: var(--panel);
+  border-radius: 14px;
+  overflow: hidden;
+  min-height: 520px;
+  display: flex;
+  flex-direction: column;
+}
+
+.panel-head {
+  padding: 14px 14px 10px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.panel-head h2 {
+  margin: 0;
+  font-size: 15px;
+  letter-spacing: 0.2px;
+}
+
+.small {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.status {
+  font-size: 12px;
+  color: var(--muted);
+  min-height: 1.2em;
+  text-align: right;
+}
+
+.textarea {
+  width: 100%;
+  flex: 1;
+  resize: none;
+  padding: 14px;
+  border: 0;
+  outline: none;
+  background: transparent;
+  color: var(--text);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 13px;
+  line-height: 1.6;
+}
+
+.hint {
+  padding: 10px 14px 14px;
+  color: var(--muted);
+  font-size: 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.10);
+}
+
+.preview {
+  flex: 1;
+  padding: 14px 16px 18px;
+  overflow: auto;
+}
+
+.preview :first-child {
+  margin-top: 0;
+}
+
+.preview h1,
+.preview h2,
+.preview h3 {
+  margin: 14px 0 10px;
+}
+
+.preview p {
+  margin: 10px 0;
+}
+
+.preview a {
+  color: rgba(124, 92, 255, 0.95);
+}
+
+.preview pre {
+  background: rgba(0, 0, 0, 0.35);
+  border: 1px solid rgba(255, 255, 255, 0.10);
+  padding: 10px 12px;
+  border-radius: 10px;
+  overflow: auto;
+}
+
+.preview code {
+  background: rgba(0, 0, 0, 0.25);
+  padding: 1px 5px;
+  border-radius: 6px;
+}
+
+.preview pre code {
+  background: transparent;
+  padding: 0;
+}
+
+.preview blockquote {
+  margin: 12px 0;
+  padding: 8px 12px;
+  border-left: 3px solid rgba(124, 92, 255, 0.7);
+  background: rgba(255, 255, 255, 0.04);
+  color: rgba(255, 255, 255, 0.82);
+}
+
+.preview table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 12px 0;
+}
+
+.preview th,
+.preview td {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  padding: 8px 10px;
+  vertical-align: top;
+}
+
+.preview th {
+  background: rgba(255, 255, 255, 0.06);
+}
+