[分享创造] 分享一个本地 HTML PPT 编辑器:拖入 AI 生成的 html,点哪改哪并导出 PPT/PDF

大家好,最近做了一个小工具:NextPPT 。 官网: https://next-ppt.com/ GitHub: https://github.com/Trade-Offf/NextPPT 它解决的问题比较具体:AI 现在已经很会生成 HTML 幻灯片了,但生成之后的小修改很痛苦。 比如只是想改一...
[分享创造] 分享一个本地 HTML PPT 编辑器:拖入 AI 生成的 html,点哪改哪并导出 PPT/PDF
[分享创造] 分享一个本地 HTML PPT 编辑器:拖入 AI 生成的 html,点哪改哪并导出 PPT/PDF

大家好,最近做了一个小工具:NextPPT 。

官网: https://next-ppt.com/ GitHub: https://github.com/Trade-Offf/NextPPT

它解决的问题比较具体:AI 现在已经很会生成 HTML 幻灯片了,但生成之后的小修改很痛苦。

比如只是想改一个标题、换一句话、删掉一行字,经常要回到 AI 对话框里重新 prompt ,等它重新生成,再检查有没有顺手改坏别的地方。而且反复沟通还浪费 token ;

所以做了 NextPPT:让 AI 按约定结构生成 HTML 幻灯片,然后拖进浏览器,点哪改哪,最后导出 PPTX/PDF 。

主要功能:

  • 点选文字修改内容、字号、颜色
  • 双击文字原位编辑
  • 替换图片
  • 拖动 / 缩放元素
  • 撤销、自动保存、历史快照
  • 导出 PPTX / PDF
  • 编辑阶段尽量在本地完成

需要说明一下,它不是任意 HTML 网页编辑器。现在主要支持这种结构:

<section class="slide">
  ...
</section>

每一页一个 section.slide,推荐固定 16:9 ,比如 1280×720 。官网里放了提示词,可以复制给 ChatGPT / Claude / Gemini / 豆包 / Kimi ,让它生成符合结构的 deck.html

技术上,前端用沙箱 iframe 渲染用户 HTML ,通过 postMessage + patch 协议做编辑;本地文件读写依赖 File System Access API ,所以完整体验推荐 Chrome / Edge 。导出用 Puppeteer 高 DPI 截图,再组装成图片型 PPTX/PDF 。

目前限制也先说一下:

  • 不是通用网页编辑器
  • PPTX 是图片型,不是可编辑元素型
  • 复杂动画导出会冻结成静态画面
  • 对很野的 HTML 结构兼容性还在打磨

我自己做这个主要是因为最近经常用 AI 生成 HTML 演示稿,效果确实不错,但后续改字和交付很烦。NextPPT 想解决的是 AI 生成之后的最后一公里。

欢迎大家试用和拍砖。

来源: v2ex查看原文