批量 Markdown 转 HTML 文档站(含目录/检索/一键导出 HTML 包)
把多个 Markdown 文件批量转换成统一风格的 HTML 文档站,支持目录、全文检索与一键导出交付包。
中文 Prompt:
请用中文为我生成一个“在线批量 Markdown 转 HTML 文档站”的完整可运行项目,要求:
1)技术栈:Vite + Type + 原生 DOM(不依赖重型框架也可),支持在浏览器本地处理文件,不上传服务器。
2)核心功能:
- 拖拽/选择一个文件夹(或多文件)导入多个 .md;展示文件树;支持批量选择与排序。
- Markdown 渲染:支持代码块高亮、表格、任务列表、引用、图片链接(仅链接,不生成图片)。
- 生成“文档站预览”:左侧目录树 + 右侧内容;支持面包屑;支持站内搜索(对标题和正文建立索引)。
- 主题与版式:提供 2-3 套简洁主题(浅色/深色);导出时保持一致。
3)一键输出 HTML(硬约束):提供“导出交付包”按钮,点击后生成一个 zip:
- 至少包含 index.html + assets(或将 CSS/JS 内联到单个 index.html)。
- 生成后的文件可以直接双击打开预览(允许引用 CDN,但优先内联/打包)。
- 导出包中包含 README(运行命令、构建、部署到静态托管的步骤)。
4)交付物(必须给全):
- 完整文件树(逐级列出)。
- 每个关键文件的完整源码(不要省略)。
- 本地运行命令、构建命令。
5)测试用例/QA(至少 8 条):覆盖导入异常、中文路径、同名文件、超大文件、代码块/表格渲染、搜索准确性、导出后离线打开、主题切换等。
6)可用性细节:导入后显示转换统计(成功/失败/跳过原因),失败项可点击查看错误。
中文释义:
把一堆 Markdown 文档快速做成可浏览、可检索、可直接交付的 HTML 文档站;适合产品文档、交付说明、内部知识库的离线打包。
Docx 转 HTML 清洗器(保留样式层级并一键导出单页 HTML)
把 Word 文档转换为干净的语义化 HTML,自动清理杂乱样式,生成可分享的单页。
中文 Prompt:
请用中文生成一个“Docx 转 HTML 清洗器”的在线工具项目:
- 技术栈:Vite + Type ;使用 mammoth(或等价方案)在浏览器端解析 .docx。
- 功能:上传 docx -> 预览转换后的 HTML;提供“样式清洗规则”面板:
1)把内联样式尽量归一为 class;
2)将连续空行压缩;
3)标题层级映射(Word 标题1/2/3 -> h1/h2/h3);
4)自动生成目录(TOC)。
- 一键输出 HTML(硬约束):提供“导出单文件 HTML”按钮:导出一个可直接打开的 html 文件(CSS 内联,内容内联,附带元信息:来源文件名、转换时间、清洗规则摘要)。
- 交付物:完整文件树、完整源码、运行/构建/部署说明。
- 测试用例/QA(至少 6 条):不同标题层级、包含表格、包含列表、包含脚注/超链接、超大文档性能、导出文件在无网络环境打开。
中文释义:
把 Word 文档变成可复制、可上线、可离线打开的干净 HTML,避免“粘贴即灾难”的格式问题。
HTML 转 Markdown 批量转换器(规则可配置并导出对比报告 HTML)
把一批 HTML 文章转为统一风格的 Markdown,并生成可审阅的差异对比报告。
中文 Prompt:
请用中文生成一个“HTML 转 Markdown 批量转换器”在线工具:
- 技术栈:Vite + Type ;使用 turndown(或同类库)做转换。
- 导入:支持多文件 .html;显示列表;支持选择转换策略:
1)保留/移除特定标签(例如保留表格、移除 /style);
2)图片处理规则:仅保留原有
![]()
的 src 链接为 Markdown 图片语法,不做任何图片生成;
3)链接规范化(相对->绝对可选);
4)标题与列表缩进规范。
- 输出:每个文件生成 Markdown 结果;提供“预览对照”(左原文渲染、右 Markdown 渲染)。
- 一键输出 HTML(硬约束):提供“导出审阅包”按钮,导出 zip:
- index.html:包含所有文件的对照预览、转换规则摘要、失败项列表;
- outputs/:Markdown 文件;
- report.json:结构化统计(字数、链接数、图片数、失败原因)。
- 交付物:文件树+完整源码+命令;至少 8 条 QA。
中文释义:
把历史 HTML 内容迁移到 Markdown 工作流,同时能把转换质量用一份 HTML 报告交付给审核人。
CSV/TSV 转 交互式 HTML 表格(筛选/排序/导出单页)
把表格数据转换为可筛选、可排序、可导出的一页式 HTML 数据浏览器。
中文 Prompt:
请用中文生成“CSV/TSV 转交互式 HTML 表格”的在线工具:
- 技术栈:Vite + Type ;解析使用 PapaParse;表格交互自己实现(不依赖大型表格框架)。
- 功能:导入 csv/tsv;自动识别分隔符与编码(至少支持 UTF-8);列类型推断(数字/日期/文本)。
- 交互:列排序、多条件筛选、列隐藏、分页、快速搜索;支持把筛选后的数据导出为 csv。
- 一键输出 HTML(硬约束):提供“导出单页 HTML”按钮:将当前数据与筛选配置内联到一个 html 文件中,双击即可打开复现同样的表格视图。
- 交付物:完整源码+文件树+命令+部署;QA(至少 6 条):大文件性能、包含引号/换行的字段、中文表头、日期识别误判、导出复现一致性、离线打开。
中文释义:
把表格变成“可点可查可交付”的网页文件,适合发给不想装工具的同事/客户快速查看。
JSON/YAML/INI 互转与 Schema 校验(并一键导出 HTML 校验报告)
在一个页面里完成多格式互转、格式化与校验,生成可保存的报告。
中文 Prompt:
请用中文生成一个“JSON/YAML/INI 互转与校验工具”项目:
- 技术栈:Vite + Type ;YAML 解析用 js-yaml;INI 解析可自写轻量实现。
- 功能:
1)输入区支持粘贴/上传文件;自动识别格式;
2)一键转为目标格式(JSON/YAML/INI);
3)支持 JSON Schema 校验(Ajv);校验结果用可折叠树展示。
- 一键输出 HTML(硬约束):提供“导出报告 HTML”按钮:导出单个 html 文件,包含输入摘要、转换前后片段(可脱敏选项)、校验错误列表、时间戳与环境信息。
- 交付物:文件树、完整源码、命令、部署说明;QA(至少 7 条):非法字符、空文件、超深层对象、数组/数字边界、schema 缺失、导出后打开、脱敏规则。
中文释义:
配置与数据文件经常在 JSON/YAML/INI 之间来回切;这个工具把互转与校验变成可交付的一份 HTML 报告。
SRT/VTT 字幕互转与时间轴检查(含预览并导出 HTML 播放页)
把字幕文件互转并做时间轴一致性检查,导出一个可离线打开的字幕预览页。
中文 Prompt:
请用中文生成“字幕 SRT/VTT 互转与时间轴检查”在线工具:
- 技术栈:Vite + Type ;自写解析器(不依赖后端)。
- 功能:导入 srt 或 vtt;显示条目列表;检查:
1)时间码格式;
2)重叠/倒序;
3)间隔过短/过长;
4)空字幕与过长字幕行。
- 互转:一键转为另一格式并可下载。
- 预览:提供一个简单“播放器预览”区域(无需真实视频也可用时间轴滚动模拟)。
- 一键输出 HTML(硬约束):提供“导出预览 HTML”按钮:导出单文件 html,内联字幕内容与检查结果,打开即可查看时间轴与错误标注。
- 交付物:文件树+完整源码+命令+部署;QA(至少 6 条):不同换行、BOM、毫秒精度、空行、重叠检测、导出一致性。
中文释义:
字幕交付常需要快速自检与复核;把检查结果打包成一页 HTML,方便沟通与验收。
多格式文本规范化器(换行/空格/标点统一并导出 HTML 变更对比)
把一堆文本做格式统一:换行、空格、全半角、常见标点与编号风格,并生成对比页。
中文 Prompt:
请用中文生成一个“多格式文本规范化器”在线工具:
- 技术栈:Vite + Type ;输入支持 txt/md;支持批量文件。
- 规范化规则可开关:
- CRLF/LF 统一;
- 连续空行压缩;
- 中英文空格与全半角统一;
- 常见中文标点纠正(例如引号样式、顿号/逗号混用提示);
- 删除行尾空格。
- 输出:展示“变更摘要”(新增/删除/替换次数),并提供逐文件 diff 视图(可以简单实现行级对比)。
- 一键输出 HTML(硬约束):提供“导出对比报告 HTML”按钮:导出单文件 html,内联全部对比结果与规则配置,双击打开可复查。
- 交付物:文件树+完整源码+命令+部署;QA(至少 6 条):不同编码、超大文件、中文标点、规则组合、diff 正确性、导出离线打开。
中文释义:
规范化是团队协作的隐形成本;把变更透明化并用一页 HTML 报告交付,减少扯皮。
静态站点一键打包器(把任意文件夹转为可打开的 index.html 导航页)
把一个文件夹中的文档/资源打包成带搜索与预览入口的静态导航页,适合交付与归档。
中文 Prompt:
请用中文生成“静态站点一键打包器”在线工具项目:
- 技术栈:Vite + Type ;使用 File System Access API(不支持时降级为多文件选择)。
- 功能:选择一个文件夹 -> 扫描文件树 -> 生成导航:按类型分组(文档/表格/媒体/其他),支持搜索与标签。
- 预览:对 html/txt/md/pdf(可选)提供内嵌预览入口;注意:不生成任何图片,只做已有文件的预览链接。
- 一键输出 HTML(硬约束):
- 提供“生成交付包”按钮:导出 zip,至少包含 index.html(导航页)+ 原始文件(或提示用户自行放置文件结构)。
- index.html 里包含文件清单、hash/大小、生成时间;并提供“离线打开提示”。
- 交付物:完整文件树、完整源码、命令、部署说明;QA(至少 7 条):中文路径、同名文件、深层目录、超大目录、预览降级、导出后文件链接正确、离线打开。
中文释义:
把零散文件变成一个可搜索、可点击的交付入口;客户拿到 zip 就能打开 index.html 直接看。