SuperAPI AI 工具集

html-to-pptx-jsx

办公与效率

查看项目

更新于 10-15 19:57

技能介绍

用途:把已渲染的 HTML 页面转成可编辑、可下载的 PPTX,全程在浏览器内完成,不走构建管线、Node 脚本、CLI、服务端渲染或截图式流程。

主要能力与必要用法:先复制原 HTML 为独立导出页(源文件保持只读,如 name.pptx-export.html);在副本中把轮播、路由、标签页等展开为单个自上而下的竖向容器,使隐藏或非激活幻灯片可被测量;在副本中加入固定的导出按钮。导出页直接引入 CDN 的 @artifact-kit/pptxgenjs-jsx IIFE 构建与 Babel Standalone,不安装包、不建 Node 导出脚本。给每张幻灯片根节点加 data-ak-slide、data-ak-width、data-ak-height、data-ak-px-per-in,需还原的元素加 data-ak-measure。在点击处理器内先 await measureArtifacts({ document }),再用 readSlideLayout、readPptBox、readFontPt 取布局、位置与字号,用 window.ArtifactKitPptxGenJsx 组件按测量的盒子重建可编辑内容,每张可见页面一个 Slide。导出前运行 validateDeck(deck),无 error 时调用 renderPptx(deck, { fileName }),最后打开 PPTX 与导出页对照。内联 Babel 默认用 /** @jsx pptxElement */,不使用 @jsxImportSource。

适用场景与限制:适合复刻卡片、图示、图标、箭头、表格与原生图表(area、bar、bar3D、bubble、doughnut、line、pie、radar、scatter),不支持 heatmap,热图或矩阵改用 Rect 网格或 Table。SVG 基元按 viewBox 重建;仅对无法合理转为可编辑对象的细节用图片兜底并说明原因。必须在渲染后测量,避免 display:none、零缩放或虚拟化。若本地已有 node_modules/@artifact-kit/pptxgenjs-jsx 且版本更新,优先其文档;不要为查文档而安装。具体 API 细节、参考文件与上游属性以官方资料为准,此处暂未提供。