编辑器核心功能
🎯
组件拖拽
从组件面板拖拽元素到画布,支持自由布局
🎨
样式编辑
可视化样式面板,实时调整各种属性
📐
布局系统
支持 Flexbox 和 Grid,创建复杂布局
💻
代码编辑
可视化与代码编辑无缝切换
强大特性
🧩
丰富组件库
内置大量常用组件,开箱即用
- 文本、标题、段落
- 图片、视频、图标
- 按钮、表单、输入框
- 导航、卡片、列表
⚙️
灵活样式系统
完全控制元素样式和外观
- 颜色、字体、间距
- 边框、阴影、圆角
- 背景、渐变、滤镜
- 动画、过渡效果
📱
响应式设计
多设备断点预览和编辑
- 桌面、平板、手机
- 自定义断点设置
- 设备间样式独立
- 实时预览切换
🔧
高级功能
满足专业用户的需求
- 自定义组件创建
- HTML/CSS 直接编辑
- 导入导出项目
- 版本历史记录
编辑工作流
1
选择组件
从组件库拖拽需要的元素
2
布局排列
调整位置和大小,设置布局
3
样式美化
修改颜色、字体等样式属性
4
导出使用
生成代码或发布页面