Skip to main content

​
Usage Tips

​
Replace images using the Design Editor

Use the Design Editor to visually swap images—what you see is what you get. Steps:
  1. Click the “Design Editor” button in the top navigation
  2. Select the image placeholder you want to replace
  3. Choose a new image to complete the replacement
Benefits:
  • Visual operation, intuitive
  • Real-time preview
  • No code changes needed

​
Use the Design Editor to quickly adjust styles

Use the Design Editor to quickly tweak colors, typography, spacing, and more. What you can adjust:
  • Text content and styling
  • Colors and backgrounds
  • Fonts and sizes
  • Spacing and layout
  • Responsive settings
How to use:
  1. Click the “Design Editor” button in the top navigation
  2. Select the element to modify
  3. Adjust properties directly
  4. See results in real time

​
Advantages of visual editing

Visual editing is faster and safer than changing code. Advantages:
  • Faster: Direct manipulation, no code needed
  • Safer: Won’t break existing features
  • Real-time preview: See effects immediately
  • Easy to adjust: Can modify repeatedly
Use cases:
  • Adjusting styles and layouts
  • Modifying text content
  • Replacing image assets
  • Optimizing responsive design

​
Troubleshooting

​
Cannot Replace Images (Using Design Editor Solution)

Symptoms:
  • Cannot replace images in page
  • Uploaded files cannot be used
Solutions:
  1. Use Design Editor: Click “Design Editor” button in top navigation bar, visually replace images
    • In design editor, if cannot select image, can right-click to select correct level element
    • After selecting image, directly select new image to complete replacement