需自定义事件监听+后端接口实现codex表单草稿自动保存：监听input/change/blur事件并防抖，序列化数据调用savedraft()；checkbox/radio须监听change；保存时post至/drafts/save，含formid、userid、formdata、updatedat；加载时get /drafts/latest，将返回的draftdata作为initialdata传入codex。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在Codex中实现表单草稿自动保存到服务端，需绕过默认的本地storage机制，改用API主动提交未完成数据，并支持后续加载续填。Codex本身不内置服务端草稿存储功能，必须通过自定义事件监听+后端接口配合完成。

监听表单变更并触发草稿保存

在Codex初始化完成后，为表单容器绑定input、change、blur事件，使用防抖控制请求频率——避免每敲一个字就发一次请求。

使用lodash.debounce或自行实现300ms防抖函数，将表单序列化为JSON对象后调用saveDraft()函数。

注意：必须监听、<select>、<input type="text|number|date|checkbox|radio">所有可编辑控件，<strong>【checkbox和radio需监听change而非input】</strong>，否则勾选状态不会被捕获。</select>

构造草稿保存请求

方法一：使用fetch发送POST请求到/drafts/save接口

请求头设置Content-Type: application/json；请求体包含formId（唯一标识表单）、userId（当前用户ID）、formData（JSON序列化后的字段值）、updatedAt（时间戳）。

Codex Imagen

通过本地 Codex 或 OpenClaw OAuth 凭证直接调用 ChatGPT/Codex Responses 的 image_generation 工具来生成或编辑光栅图像，然后保存

下载

方法二：若后端要求表单数据扁平化，需递归遍历Codex生成的data对象，过滤掉空值和undefined字段，保留null值（用于区分“未填写”和“明确清空”）。

加载已存草稿填充表单

第一步：在Codex初始化前，先发起GET请求到/drafts/latest?formId=xxx&userId=yyy

第二步：若响应状态为200且返回draftData字段，将其作为initialData传入Codex构造函数的options参数中。

第三步：确保后端返回的draftData结构与Codex schema完全一致，字段名、嵌套层级、数组项顺序都不能错，【否则部分字段可能无法渲染或丢失】。

这一步操作起来很简单，直接把API返回的JSON塞进initialData就行。