李进
f7307a0891
- 目录 web-to-pixso/ → web-to-ppt/ - 所有代码引用：PIXSO → WEB_TO_PPT, webToPixso → webToPPT - 数据格式：pixso-design-capture → web-to-ppt-capture - CSS 选择器：__web_to_pixso_ → __web_to_ppt_ - README 重写，移除 Pixso 相关描述 - docs/web-to-pixso-mapping.md → docs/web-to-ppt-mapping.md
30 lines
926 B
Markdown
30 lines
926 B
Markdown
# Web to PPT
|
||
|
||
网页采集 → PPTX 导出工具，包含 Chrome 扩展和转化引擎。
|
||
|
||
## 组件
|
||
|
||
- `capture.js`：DOM 提取引擎（在页面上下文中运行）
|
||
- `runner.js`：预处理（冻结动画、滚动加载、等待图片）
|
||
- `background.js`：Service Worker，编排采集流程
|
||
- `popup.html/js/css`：扩展弹出窗口 UI
|
||
- `convert-browser.js`：浏览器版转化逻辑（JSON → PPTX Schema）
|
||
- `lib-pptxgen.js`：pptxgenjs 浏览器 bundle
|
||
|
||
## 使用
|
||
|
||
1. 在 Chrome 中加载 `web-to-ppt/` 为未打包扩展
|
||
2. 打开目标网页
|
||
3. 点击扩展图标，设置采集宽度
|
||
4. 点击"导出 PPTX"
|
||
5. 自动下载生成的 PPTX 文件
|
||
|
||
## 文件格式
|
||
|
||
扩展导出的 JSON 文件包含：
|
||
- `source`：页面 URL、标题、视口信息
|
||
- `canvas`：画布尺寸和背景色
|
||
- `nodes`：DOM 节点树（FRAME/TEXT/RECTANGLE 类型）
|
||
- `assets`：图片资源（base64）
|
||
- `fonts`：字体列表
|