PageOn
跳至正文

PageOn · HTML 可视化编辑

可视化编辑 Claude 生成的 HTML

生成初稿之后,继续把 HTML 页面完善到可以交付。

Edit anywhere. Keep the page going.

01

Artifact 成形后,还需要内容校对

Claude 生成的页面可能已经可以预览,但标题、说明和数字还需要调整。保存为 HTML 后,你就有了一份可以继续修改和交付的具体文件。

02

带来一份可在浏览器打开的 HTML 文档

如果 Claude 输出或 Artifact 是 HTML 文档,可以保存 HTML 并在 PageOn 打开。在页面上下文中修改可编辑文字,预览后下载。需要 React 构建的项目,应先准备成可在浏览器打开的 HTML,再使用这一流程。

从初稿到下一版,只需几步

  1. 1

    使用 Claude 生成 HTML 页面。

  2. 2

    从生成结果中保存完整 HTML 文档。

  3. 3

    上传到 PageOn,可视化修改页面文字。

  4. 4

    下载修改后的页面,继续评审或开发。

让修改流程更简单

结合页面修改文字

查看文档的同时,直接修改页面中支持编辑的文字。

一次处理多个文件

一次最多选择 10 个 HTML 文件,以本地任务管理处理进度。

下载后继续使用

将结果带入下一轮评审、开发或发布流程。

从你熟悉的 AI 工具开始

从你熟悉的工具带来 HTML 文件即可。PageOn 是独立产品,与这些工具不存在隶属关系。

开始前,你可能想了解

所有 Claude Artifact 都能直接打开吗?

不能。这里接收 HTML 文件。React 组件、项目压缩包或 Artifact 链接不等同于独立 HTML 文档。

这是与 Claude 的直接集成吗?

这一流程无需连接账户,通过 HTML 文件在工具间协作。PageOn 是独立编辑器。

文件保存在哪里?

文件会临时上传用于转换;浏览器成功接收并保存结果后发起删除,异常残留由定时任务清理。工作区和编辑草稿仍保存在当前浏览器。任务和草稿保存在当前浏览器中,创建七天后会进入清理范围;需要长期保留的文件请及时下载。

所有 HTML 都能完全保持原来的效果吗?

依赖不可访问资源、外部服务或构建步骤的页面,可能需要先处理。请预览文档,并在正式使用前检查导出结果。普通导出及文字批注、PNG 图片和 PDF 导出均免费,不扣积分;角色形象批注需高级导出,每份 HTML 消耗 1 Credit。

已经有 HTML 文件了?

在 PageOn 打开文件,完成下一处修改。