refactor: web-to-pixso → web-to-ppt 全面改名

- 目录 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
This commit is contained in:
李进
2026-07-27 14:12:44 +08:00
parent e1c8b3d94e
commit f7307a0891
20 changed files with 87 additions and 88 deletions
+29
View File
@@ -0,0 +1,29 @@
# 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`:字体列表