# 可视化编辑：改文字换图片不消耗任何积分，改完写进真实代码 - Creght > Creght 的直接编辑零成本：双击文字或图片就能改，组件的每个属性也能直接调，全程不消耗 AI 积分，改完立即写入项目真实代码。积分只留给需要 AI 的复杂改动。 [![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)](/) 产品 [AI 建站推荐用对话生成网站与 Web 应用](/ai.md) [可视化建站用画布、组件和特效精细搭建](/design.md) [两种方式对比根据需求选择合适的创作方式→](/ai-vs-visual-builder.md) 核心能力 [AI 生成](/ai.md) [可视化编辑](/features/visual-editing.md) [后端能力](/features/backend.md) [发布与托管](/features/publishing.md) [SEO、GEO 与数据](/features/analytics.md) [Creght CLI](/features/cli.md) [全部能力 →](/features.md) 解决方案 [设计师作品集](/solution/designer-portfolio.md) [外贸独立站](/solution/foreign-trade-website.md) [价格](/price.md) [帮助中心](/help.md) [资源广场](/resources.md) Creght AI·建站资源 [网站模板从完整网站开始](/templates.md) [页面区块首屏、定价、案例等常用区块](/blocks.md) [动效灵感发现可复用的交互动效](/effects.md) [浏览全部资源](/resources.md) [可视化建站资源](/design/resources.md) [联系我们](/contact.md) [立即体验](https://creght.cn/project) [首页](/)/核心能力/可视化编辑 # 改文字、换图片，一分积分都不花。 双击就能改，即时生效，改完直接写进项目代码。AI 积分留给真正需要 AI 的事——改布局、加模块、批量重构。日常文案修改是零成本的。 [免费生成网站](https://creght.cn/project?source=features_visual_editing) [查看套餐](/price.md) 直接回答 ## 在 Creght 里改内容要花积分吗？ 改文字、换图片、调组件属性都不消耗任何积分。双击画布上的文本即可原地编辑，同时弹出元素编辑浮窗，浮窗里的「直接编辑」区域覆盖这个元素能改的全部内容——有输入框，就说明这项内容可以零成本修改。 只有「AI 指令」区域按量消耗积分，用于那些描述起来比手改更快的复杂改动：改布局、加模块、批量重构。两者在同一个浮窗里分区并列，花不花积分一眼可见，不会误触。 画布上当场就是最终的样子，不用等打包、不用等 AI，也不用刷新预览。 解决什么问题 ## 改一个错别字，不该是一件要算成本的事。 网站上线后改得最多的是文案和图片。如果每一次修改都要过一遍 AI，那改错别字和重做板块花的是同一种额度。 | 没有 Creght 时 | 在 Creght 里 | | --- | --- | | 改一个错别字，也要走一次 AI、扣一次额度。 | 双击就改，不消耗任何积分。 | | 装 Node、装依赖、跑 dev server 才能开始。 | 打开浏览器就是编辑器，什么都不用装。 | | 改完等打包、刷新，才知道对不对。 | 原地编辑即时生效，Enter 保存、Esc 取消。 | | 可视化工具改完导出一份代码，和线上又是两回事。 | 你改的就是网站本身，没有第二份要对齐。 | 怎么做到 ## 零成本能改到哪一步 01 ### 双击就改，不消耗任何积分 在画布上双击任意文本即可原地编辑，出现琥珀色边框，Enter 保存、Esc 取消。改文字、换图片这类内容调整全程不走 AI，也就不消耗积分——这是日常维护网站最常做的事，也是这里最该零成本的事。 双击文本，原地编辑 夏季新品系列 Enter 保存 · Esc 取消 · 不消耗积分 ↓代码里同步变了 /pages/Index.tsx

夏季新品

+

夏季新品系列

同事把项目拉到本地，看到的就是你改的这一处。 02 ### 组件的每个属性都能直接调 选中一个组件（价格卡、轮播图、按钮），元素编辑浮窗会把它的每一个属性平铺成独立输入控件。判断法则很简单：只要「直接编辑」区域里有输入框，这项内容就能零成本修改。 Text 夏季新品系列 轻盈面料与大地色系，为炎夏准备的 12 款单品。 元素属性 字号40px 字重600 颜色#15181e 鼠标移上去浮出标签名并画出选中框，点开即可在属性面板里精调。 03 ### 真正的所见即所得，不用等 不用等打包、不用等构建、不用等 AI、也不用切到别处刷新预览——画布上当场就是最终的样子，你看到的就是发布后访客看到的。 设计代码预览1440px 设计 夏季新品系列 代码 夏季新品系列 预览 夏季新品系列 同一个标题在三种模式下的样子：设计态可选中，代码态是那行 JSX，预览态是渲染结果。 04 ### 复杂改动才交给 AI 改布局、加模块、批量重构这类描述比手改更快的事，用浮窗里的「AI 指令」区域一句话说清，这部分按量消耗积分。两个区域在同一个浮窗里分区并列，花不花积分一眼可见。 AI 指令 把这个标题改得更有冲击力，字号再大一点 模型可选发送 /pages/Index.tsx

属性面板调不出来的，交给 AI 一句话；想自己动手就切到代码模式。 相关文档 ## 想看具体怎么操作 [直接编辑：不消耗积分的内容修改→](/docs/ai/ai-edit-content-guide.md) [用 Pick 复用其他模板的板块→](/docs/ai/pick-element-in-tpl.md) [AI 积分说明→](/docs/ai/ai-credits-guide.md) ## 先生成一个网站，再零成本改到满意。 描述你要什么，AI 生成完整网站；之后的文案与图片调整，一分积分都不花。 [免费生成网站](https://creght.cn/project?source=features_visual_editing) ![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png) 此网站使用 [Creght](/) 创建 ![微信客服](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png) 微信客服 ## 链接 - [价格](/price.md) - [解决方案](/solution.md) - [客户案例](/customers.md) - [帮助中心](/help.md) - [联系我们](/contact.md) - [更新记录 & 博客](/blogs.md) - [退款说明](/tuikuan.md) ## 资源 - [全部资源](/resources.md) - [模板](/templates.md) - [组件库](https://creghtlib.site.creght.com) - [动效库](/design/effects.md) - [Figma to Creght](/figma2creght.md) - [API](/api.md) ## 产品对比 - [对比上线了](/creght-vs-sxl.md) - [对比凡科建站](/creght-vs-fkw.md) - [自己写代码 vs Creght](/compare/self-coding.md) - [外包 vs 自己做](/compare/outsourcing.md) ## 协议 - [用户协议](/legal/terms.md) - [隐私政策](/legal/privacy.md) - [可接受使用政策](/legal/acceptable-use.md) ## 社交媒体 - [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6) - [哔哩哔哩](https://space.bilibili.com/513308095) [蜀ICP备2023038192号-2](https://beian.miit.gov.cn)