📄
FREE Productivity
Landing Page Editor
Công cụ chỉnh sửa HTML trực quan cho landing page. Upload file HTML, chỉnh sửa nội dung, màu sắc, và export ngay.
★★★★★
5.0 Cập nhật thường xuyên
Tính năng chính
- Upload file HTML với drag & drop
- Preview multi-device (Desktop/Tablet/Mobile)
- Layer panel với tìm kiếm element
- Chỉnh sửa nội dung, màu sắc, link
- Undo/Redo với 50 bước lịch sử
- Auto-save và khôi phục
- Dark/Light theme
- Export HTML đã chỉnh sửa
Screenshots
Giới thiệu Landing Page Editor
Landing Page Editor là công cụ chỉnh sửa HTML trực quan, giúp bạn nhanh chóng edit nội dung landing page mà không cần biết code.
Tính năng chính
1. Upload & Preview
- Drag & drop file HTML
- Preview trên 3 device: Desktop, Tablet, Mobile
- Zoom và scroll trong canvas
2. Layer Panel
- Hiển thị cấu trúc HTML theo layers
- Tìm kiếm element nhanh
- Click để chọn và highlight
3. Properties Panel
- Properties Tab: Chỉnh nội dung text, màu chữ, background, link, hình ảnh
- Style Tab: Edit Tailwind classes, inline style, ID
- Code Tab: Chỉnh sửa HTML code trực tiếp
4. Element Actions
- Duplicate element
- Move Up/Down
- Delete element
- Thêm/xóa link
5. Undo/Redo
- Lịch sử 50 bước
- Keyboard shortcuts: Ctrl+Z, Ctrl+Y
6. Auto-save
- Tự động lưu mỗi 2 giây
- Khôi phục khi mở lại
7. Export
- Download file HTML đã chỉnh sửa
- Keyboard shortcut: Ctrl+S
Cách sử dụng
- Truy cập Landing Page Editor
- Upload file HTML (drag & drop hoặc click chọn)
- Click vào element muốn chỉnh sửa
- Sử dụng Properties panel để edit
- Nhấn “Tải HTML” để download file đã chỉnh sửa
Keyboard Shortcuts
| Phím tắt | Chức năng |
|---|---|
| Ctrl+S | Tải HTML |
| Ctrl+Z | Undo |
| Ctrl+Y | Redo |
| Ctrl+U | Xem code |
| Delete | Xóa element |
| Escape | Bỏ chọn |
📄
Bắt đầu sử dụng Landing Page Editor
Hoàn toàn miễn phí, không cần thẻ tín dụng