Thao tác trong Editor

Viết mã HTML

Sửa cấu trúc trang trực tiếp bằng mã HTML trong tab Mã nguồn, song song với chế độ kéo-thả.

1.Nhớ bấm Áp dụng để lưu

Ở tab "Mã nguồn", chọn file index.html để gõ thẳng HTML. Gõ mã KHÔNG tự động lưu vào thiết kế, đây là điểm quan trọng cần nhớ: khi còn thay đổi chưa lưu, nút "Áp dụng" ở góc trên sẽ nhấp nháy để nhắc bạn bấm lưu.

Bấm "Áp dụng" xong, chip trạng thái đổi thành "Đã đồng bộ với thiết kế" và cây DOM bên trái cùng canvas ở tab Thiết kế cập nhật ngay theo mã vừa lưu.

Đang gõ HTML, nút Áp dụng nhấp nháy vì có thay đổi chưa lưu — Chưa lưu: nút Áp dụng nhấp nháy.

HTML đã áp dụng thành công, chip báo Đã đồng bộ với thiết kế — Bấm Áp dụng: "Đã đồng bộ với thiết kế".

2.Khi mã HTML có lỗi cú pháp

Nếu mã đang gõ có lỗi cú pháp (ví dụ một thẻ đóng không khớp thẻ mở), bấm "Áp dụng" sẽ hiện một thông báo cảnh báo nêu rõ dòng lỗi và lý do. Thiết kế cũ vẫn được giữ nguyên, không bị ghi đè bởi mã sai.

Sửa xong rồi bấm "Áp dụng" lại là được. Có thể dùng nút "Bỏ nháp" để quay lại đúng mã đã lưu gần nhất nếu muốn bỏ hết thay đổi đang gõ dở.

Toast cảnh báo HTML chưa hợp lệ, thiết kế cũ được giữ nguyên — Mã lỗi: cảnh báo hiện ra, thiết kế cũ vẫn giữ nguyên.