Grapes JS – Framework xây dựng tool kéo thả

GrapesJS là framework dùng để viết tool với mục đích chỉnh sửa các trang web mà không cần phải viết mã HTML hoặc CSS (bằng cách kéo thả).

Nó định nghĩa giao diện editor trên canvas.

1. Overview

1. Block: là những thành phần nhỏ được viết sẵn để kéo thả
2. Component: Khi kéo thả block vào canvas thì được gọi là component.
   Component sẽ chứa 2 thành phần: 
   + View: thông tin hiển thị lên canvas
   + Model: HTML cuối cùng
3. Built-in Component: tức là những cái GrapresJS đã viết sẵn, khi double click vào component.
4. Panel & button: Phía trên để thực hiện lệnh. Các button được gắn các commands để xử lý.
5. Layer: Là phần bên phải như của photoshop
6. Style Manager: set change style cho component. Nó được định nghĩa qua buildProps.
7. Traits: thuộc tính HTML
8. Reponsive template: Tạo các responsive giao diện
9. Store & load data: Có 2 phương thức lưu:
   + Local: Sử dụng localStorage
   + Remote
10. Theme: sử dụng css hoặc scss