Giới thiệu về Editor

Editor là nơi bạn thiết kế giao diện website bằng cách kéo-thả các thành phần trực quan — không cần biết lập trình.

Mở Editor

Từ trang Quản lý chi tiết của website trong Manager, nhấn nút Chỉnh sửa trang web hoặc Mở Editor.

Giao diện tổng thể

Editor được chia thành 4 khu vực chính:

┌─────────────────────────────────────────────────────┐
│                      TOOLBAR                        │
├──────────┬──────────────────────────────┬───────────┤
│          │                              │           │
│ SIDEBAR  │        KHU VỰC CANVAS        │  SIDEBAR  │
│  TRÁI    │      (Xem trước trang)       │   PHẢI    │
│          │                              │           │
└──────────┴──────────────────────────────┴───────────┘

Toolbar (Thanh công cụ trên cùng)

Chứa các điều khiển chính:

Logo và lựa chọn trang hiện tại
Trạng thái lưu (Đang lưu / Đã lưu)
Hoàn tác / Làm lại (Undo / Redo)
Chế độ xem (Desktop / Tablet / Mobile)
Điều chỉnh kích thước canvas và tỷ lệ thu phóng
Nút Xem trước và Xuất bản

Sidebar trái — Công cụ thiết kế

Chứa 5 tab:

Tab	Chức năng
Phần tử	Thêm các thành phần mới (Box, Text, Image, Button...)
Theme	Thay đổi màu sắc và font chữ toàn site
Lớp	Xem cây cấu trúc các phần tử trên trang
Site	Cài đặt toàn trang (favicon, custom CSS...)
AI (Lapa)	Chatbot AI để chỉnh sửa nội dung bằng ngôn ngữ tự nhiên

Canvas (Khu vực giữa)

Đây là nơi bạn thấy và chỉnh sửa trực tiếp giao diện website. Bạn có thể:

Nhấn vào phần tử để chọn
Kéo phần tử sang vị trí khác
Nhấn đúp để chỉnh sửa nội dung text trực tiếp

Sidebar phải — Thuộc tính

Khi bạn chọn một phần tử, sidebar phải hiển thị các tùy chỉnh:

Màu sắc, kích thước, bo góc
Căn chỉnh, khoảng cách (margin/padding)
Liên kết, font chữ
Và nhiều tùy chọn khác tùy loại phần tử