核心技术点:结构化Prompt(要求AI返回JSON)pptxgenjs(浏览器端生成PPT)localforage(自动保存草稿)2.定义数据结构不同于教案的纯文本,PPT是高度结构化的。 5.集成PptxGenJS导出这是最神奇的一步。将内存中的JSON变为真正的.pptx文件。 展开代码语言:JavaScriptAI代码解释importPptxGenJSfrom"pptxgenjs";constexportPPT=()=>{constpres=newPptxGenJS();//
接下来生成 ppt,用 pptxgenjs 这个包。 用法很简单: new 一个实例,添加一个 Slide,然后添加 text image 等内容,最后写入文件。 我们先测试下: npm install --save pptxgenjs 新建 test.js const pptxgen = require('pptxgenjs'); const ppt = new puppeteer from 'puppeteer'; import { Observable, Subscriber } from 'rxjs'; const pptxgen = require('pptxgenjs
这种设计的原因主要有以下几点: 使用了 PptxGenJS 库:该库的限制导致每张幻灯片被设置为背景图像,而不是可编辑的文本和对象。这意味着即使在母版幻灯片上,内容也无法直接编辑。
PPT转换(html2pptx) 适用场景:从头创建新的演示文稿 技术栈: Playwright:浏览器自动化引擎,用于渲染HTML内容 Sharp:图像处理库,用于SVG栅格化和图标处理 PptxGenJS PptxGenJS元素创建 ↓ 7. 样式应用与验证 ↓ 8.
pptx/ ├── SKILL.md ← 路由表(Quick Reference) ├── editing.md ← 编辑工作流(6.9KB) ├── pptxgenjs.md presentation.pptx` | | Edit or create from template | Read [editing.md](editing.md) | | Create from scratch | Read [pptxgenjs.md ](pptxgenjs.md) | SKILL.md 本身不包含详细操作步骤——它只告诉 LLM "你要做的事情,应该去读哪份文档"。 body(~200行) Quick Reference 路由表 + 设计指南 + QA 流程 → 加载后注入 system message,LLM 知道大方向 第3层 editing.md / pptxgenjs.md 详细操作步骤 + 代码示例 → LLM 通过 skill_select_docs 按需加载 6.4 Token 节省效果 一次性全部加载: SKILL.md + editing.md + pptxgenjs.md
可以用 PptxGenJS 从头创建(封面、目录、内容、分节、总结幻灯片),通过 XML 工作流编辑现有 PPTX,或者用 markitdown 提取文本。