爱意满满的作品展示区。
tradeOfff

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

  •  
  •   tradeOfff · 1 day ago · 622 views

    大家好,最近做了一个小工具: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 生成之后的最后一公里。

    欢迎大家试用和拍砖。

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2875 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 14:02 · PVG 22:02 · LAX 07:02 · JFK 10:02
    ♥ Do have faith in what you're doing.