Spaces:
Running
Running
| <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> | |