# 在线代码编辑器：编辑网站的 HTML、CSS 和 JS

> 在完整的代码编辑器中打开网站的真实文件，带文件夹树、多标签页和语法高亮。可以直接新建、重命名并保存 HTML、CSS 和 JS 文件。

- 规范网址: https://uebfaqe.ai/zh/gongneng/daima-bianjiqi
- 板块: 逐项功能
- 语言: zh
- 发布方: Uebfaqe (https://uebfaqe.ai)

## 摘要

“代码”视图会打开网站背后的真实文件，也就是 AI 编写的那些文件。浏览文件夹树，在标签页中打开多个文件，把修改直接保存到网站。

## 关键事实

- 真正的代码编辑器: 语法高亮、可搜索的文件树、最多 12 个标签页同时打开、当前行和列位置，以及一次保存所有未保存文件的“全部保存”。
- 新建和整理文件: 用“新建文件”或“新建文件夹”添加内容，重命名或删除文件，把样式放在 styles，脚本放在 scripts，SVG 放在 assets 文件夹。
- 与 AI 并行也安全: AI 工作时编辑会暂停；如果某个文件在别处被改过，由你决定保留自己的版本还是采用新版本。

网站的真实代码，配上专门的编辑器

## 使用方式

1. **打开代码**: 在编辑器左侧菜单中选择“代码”。文件树会列出网站的每个页面、样式表和脚本。
2. **编辑文件**: 点击文件即可在标签页中打开并修改。网站无法提供的文件会以只读方式打开。
3. **保存并检查**: 点“保存”或“全部保存”，在“页面”的预览中检查结果，确认无误后点“发布”。

## 常见问题

### 代码编辑器里可以新建哪些类型的文件？

HTML、CSS、JavaScript、JSON、XML、TXT、SVG 和 webmanifest 文件。样式放在 styles 文件夹，脚本放在 scripts，SVG 放在 assets，照片和其他媒体则在“文件”里管理。

### 改代码会把网站改坏吗？

难免出错，但首页和 404 页面这类必需文件无法删除，删除或重命名文件前也会先保存恢复点。有了 Premium，你可以从“备份”中恢复之前的版本。

### 能下载我网站的代码吗？

能，需要 Premium。在“设置”中可以把网站的全部文件下载为 ZIP 压缩包。任何套餐都可以在“代码”视图中打开、阅读、复制和修改代码。

## 相关功能

- [文件](https://uebfaqe.ai/zh/gongneng/wenjian-guanli): 网站的所有图片和文件都在一处：拖拽上传、查看、下载，不需要时删除。
- [函数](https://uebfaqe.ai/zh/gongneng/wufuwuqi-hanshu): 添加真正能跑起来的动作，比如提交表单或计算价格，由 AI 编写。
- [一切都属于你](https://uebfaqe.ai/zh/gongneng/daochu-wangzhan): 随时从「文件」标签下载文件、导出数据库，开通 Premium 还能把整个网站打包成 ZIP 下载。

---

来源: https://uebfaqe.ai/zh/gongneng/daima-bianjiqi