# 直接编辑：不消耗积分的内容修改 | Creght AI 文档

> 在 Creght 里，改文字、换图片这类内容调整不需要动用 AI。页面上大多数的文字和图片都支持「直接编辑」——双击就能改，即时生效， 不消耗任何积分 。…

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)帮助文档](/help)

[更新历史](/blogs)

[AI](/docs/ai/quick-create-first-website) [可视化](/docs/get-start)

开始使用

- [5 分钟快速创建第一个网站](/docs/ai/quick-create-first-website)
- [AI 创建网站指南](/docs/ai/ai-create-website-guide)
- [直接编辑：不消耗积分的内容修改](/docs/ai/ai-edit-content-guide)
- [使用 Pick，把其他模板的板块用到自己的网站](/docs/ai/pick-element-in-tpl)
- [Prompt 库](/docs/ai/prompt-lib)
- [AI 积分说明](/docs/ai/ai-credits-guide)
- [Creght Skill](/docs/ai/creght-skill)

后端

- [让网站支持登录、预约、密码页面等功能](/docs/ai/backend-database-guide)
- [OAuth 登录配置教程：Google 和 GitHub](/docs/ai/backend-auth-guide)

网站设置

- [多语言网站设置教程](/docs/ai/localization)
- [域名绑定教程](/docs/ai/custom-domain)
- [阿里云购买域名教程（新手版）](/docs/ai/aliyun-domain-registration-guide)
- [重定向设置教程](/docs/ai/redirects)
- [页面不存在时：该用重定向还是 404？](/docs/ai/redirect-or-404)
- [Facebook Pixel（Meta Pixel）接入教程](/docs/ai/facebook-meta-pixel)

高级用法

- [为不同域名配置不同默认语言](/docs/ai/domain-locale-routing)

开始使用/

# 直接编辑：不消耗积分的内容修改

在 Creght 里，改文字、换图片这类内容调整不需要动用 AI。页面上大多数的文字和图片都支持「直接编辑」——双击就能改，即时生效， **不消耗任何积分**。

把 AI 留给真正需要它的事（改布局、加模块、批量重构），日常的文案修改用直接编辑就够了。

## 双击，开始编辑

在设计画布中 **双击任意文本**，会同时发生两件事：

- 文字进入 **原地编辑** 状态：出现琥珀色边框，光标就落在你双击的位置，直接打字修改即可。按 **Enter 保存**，按 **Esc 取消**，或点击页面其它位置自动保存；

- 旁边弹出 **元素编辑** 浮窗，展示这个元素能直接编辑的全部内容。


![双击文本进入原地编辑，同时弹出元素编辑浮窗](https://fsu.creght.com/site/2066727200882692096/1783849938805__38.png)

浮窗分为两个区域：

| 区域 | 用途 | 积分 |
| **直接编辑** | 修改文字、图片、组件属性，改完立即写入代码 | 不消耗 |
| **AI 指令** | 用自然语言描述复杂改动，交给 AI 完成 | 按量消耗 |

只要「直接编辑」区域里有输入框，就说明这项内容可以零成本修改。

## 编辑组件的每一个属性

如果你选中的是一个 **组件**（比如价格卡、轮播图、按钮），浮窗会把它的每一个属性平铺出来，每项一个独立的输入控件：

![选中组件后，逐属性直接编辑](https://fsu.creght.com/site/2066727200882692096/1783849939559__39.png)

- **文本属性**：直接改字，比如价格卡的名称、价格、描述；

- **颜色属性**：点开取色器选颜色，支持色值输入；

- **开关属性**：勾选框切换，比如「是否高亮」「是否可拖拽」；

- **数字属性**：直接输入数值，比如动画时长、阻尼系数。


![颜色、开关、数字属性都有对应的编辑控件](https://fsu.creght.com/site/2066727200882692096/1783849940346__40.png)

同一个组件在页面上复用了多份也不用担心——Creght 能分辨你点的是 **哪一张卡片**，修改只会落在你选中的那一份数据上。

## 替换图片

选中图片元素后，「直接编辑」区域可以：

- **上传新图片** 或粘贴图片地址，替换当前图片；

- 修改图片的 **alt 描述**（对 SEO 友好）；

- 调整 **填充方式**（铺满、包含等）。


和文字一样，图片来自数据列表或共享配置时，替换也会写回对应的数据源。

## 什么时候需要 AI 指令

直接编辑覆盖了页面上大多数的文字和图片。少数内容是运行时动态计算的（比如根据条件拼接的文案），无法安全地直接修改——这时浮窗会只保留 **AI 指令** 入口，用一句话描述你要的改动即可。

此外，这些场景也更适合交给 AI：

- 调整布局、间距、配色风格；

- 新增或删除页面模块；

- 一次性修改多处内容（"把所有按钮文案改成英文"）；

- 改变组件的结构和交互。


比如批量更新一个表格：

![](https://fsu.creght.com/site/2066727200882692096/1783854648282__image.png)

## 快捷键速查

| 操作 | 方式 |
| 进入原地编辑 | 双击文本 |
| 保存修改 | Enter，或点击页面其它位置 |
| 取消修改 | Esc |
| 打开元素编辑浮窗 | 双击任意元素 |

从改一个错别字到调整整套会员价格，直接编辑都能在几秒内完成——不排队、不等待、不花积分。复杂的交给 AI，简单的留给双击。

本文目录

- [双击，开始编辑](#双击-开始编辑)
- [编辑组件的每一个属性](#编辑组件的每一个属性)
- [替换图片](#替换图片)
- [什么时候需要 AI 指令](#什么时候需要-ai-指令)
- [快捷键速查](#快捷键速查)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

此网站使用 [Creght](/) 创建

![用户交流群](https://ugc.talizen.com/_assets/site/2061660904709165056/1781070374701__help_qr.webp)

用户交流群

## 链接

- [价格](/price)
- [帮助中心](/help)
- [联系我们](/contact)
- [博客](/blogs)
- [退款说明](/tuikuan)

## 资源

- [全部资源](/resources)
- [模板](/templates)
- [组件库](https://creghtlib.site.creght.com)
- [动效库](/effects)
- [Figma to Creght](/figma2creght)
- [AI 编程指南](/api)

## 产品对比

- [对比上线了](/creght-vs-sxl)
- [对比凡科建站](/creght-vs-fkw)

## 协议

- [用户协议](/legal/terms)
- [隐私政策](/legal/privacy)
- [可接受使用政策](/legal/acceptable-use)

## 社交媒体

- [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [哔哩哔哩](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)