Slide Editor

Visual editor for HTML presentations. Self-contained, offline-capable, designed for AI agent control. HTML 演示文稿可视化编辑器,自包含可离线,支持 AI Agent 控制。

安装

概览

Slide Editor 是一款专为 HTML 演示文稿设计的可视化编辑器,采用自包含架构并支持离线使用。它通过注入方式将编辑功能嵌入到现有的 HTML 文件中,用户无需依赖外部服务器或复杂的部署流程即可进行实时编辑。该工具特别针对 AI Agent 控制进行了优化,同时也支持直接的用户交互操作,使得自动化脚本与人工干预能够无缝结合。无论是开发者还是非技术用户,都可以借助其直观的界面快速调整幻灯片内容、布局和样式。整个系统完全基于前端技术构建,不依赖后端服务,确保了高度的可移植性和安全性。通过简单的命令行指令即可完成从注入到启动的全过程,极大提升了工作效率。

核心功能特点

  1. 可视化拖拽编辑:支持点击选择、拖拽移动、双击编辑文本以及通过角点手柄调整元素大小
  2. 完整的编辑历史管理:提供撤销(Ctrl/Cmd + Z)和重做(Ctrl/Cmd + Shift + Z)功能,便于回溯操作
  3. 灵活的导出机制:可将编辑后的内容导出为干净的 HTML 文件或保留编辑器嵌入的版本
  4. AI Agent 友好接口:通过全局对象 `window.__openclawEditor` 暴露丰富的 API,支持程序化控制如添加文本、图片、切换幻灯片等
  5. 主题自适应:内置明暗模式切换及自动跟随系统主题的功能,提升用户体验一致性
  6. 离线可用且自包含:所有资源打包在单个文件中,无需网络连接即可运行

适用场景

Slide Editor 非常适合需要频繁修改或快速原型设计 HTML 演示文稿的场景。例如,在开发过程中,前端工程师可以即时预览布局效果并调整元素位置,而无需反复刷新页面或切换工具。对于内容创作者而言,它提供了一个轻量级的替代方案,避免使用笨重的专业软件如 PowerPoint 或 Keynote,同时保持对代码层面的完全掌控。此外,由于其支持 AI Agent 控制,该工具也适用于自动化测试、批量生成演示模板或集成到 CI/CD 流程中。无论是在本地环境还是在受限的网络条件下,Slide Editor 都能稳定工作,满足从个人项目到团队协作的各种需求。