Tich hợp GrapesJS vào reactjs như thế nào?

#1

GrapesJs là thư viện tạo giao diện web bằng cách kéo thả. Mình tích hợp vào react thì lúc tạo giao diện bằng GrapesJs xong thì export ra file html vs css rồi chuyển sang file js hay jsx vào react hay sao mn ?

#2

Bạn hỏi câu này thì chứng tỏ chưa biết về React rồi, bạn cứ học React căn bản là tự biết làm như thế nào.

1 Like
#3

Mình cũng có học căn bản rồi. Trước mình dùng material-ui để code giao diện, bạn biết dùng grapesJs vào trong reactjs thì chỉ mình.

#4

export ra được html rồi thì từ html convert qua jsx
https://magic.reactjs.net/htmltojsx.htm chẳng hạn
còn css thì nhúng như thường

2 Likes
#5

Tạo một blob chứa HTML CSS từ server gửi về. Blob khi tạo sẽ gen ra được 1 URL. Dùng URL đó nhúng vào iFrame \OvO/

Một ví dụ cho bạn
https://jsfiddle.net/greggman/r6mw8a9w/

Còn ko thì cứ :penguin:

document.getElementById('grapesjs').innerHTML = '...'
4 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?