> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superun.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 设计编辑器使用指南

> 设计编辑器的使用技巧和问题解决方案.

## 使用技巧

### 使用设计编辑器替换图片

使用设计编辑器功能,可视化替换图片,所见即所得.

**操作步骤**:

1. 点击顶部导航栏的「设计编辑器」按钮
2. 选择要替换的图片占位符
3. 选择新图片完成替换

**优势**:

* 可视化操作,直观明了
* 即时预览效果
* 不需要修改代码

***

### 使用设计编辑器快速调整样式

使用设计编辑器功能,快速调整颜色,排版,间距等样式.

**可调整内容**:

* 文本内容和样式
* 颜色和背景
* 字体和字号
* 间距和布局
* 响应式设置

**操作方式**:

1. 点击顶部导航栏的「设计编辑器」按钮
2. 选择要修改的元素
3. 直接调整属性
4. 即时查看效果

***

### 可视化编辑的优势

可视化编辑比改代码更快更安全.

**优势**:

* **速度快**:直接操作,无需写代码
* **安全性高**:不会破坏现有功能
* **即时预览**:立即看到效果
* **易于调整**:可以反复修改

**适用场景**:

* 调整样式和布局
* 修改文本内容
* 替换图片资源
* 优化响应式设计

***

## 问题解决

### 无法替换图片（使用设计编辑器方案）

**问题现象**:

* 无法替换页面中的图片
* 上传文件后无法使用

**解决方案**:

1. **使用设计编辑器**:点击顶部导航栏的"设计编辑器"按钮，可视化替换图片
   * 在设计编辑器中，如果选不中图片，可以右键选择正确的层级元素
   * 选择图片后，直接选择新图片完成替换