Hey everyone! Thank you for your comments and private messages! When the video hits 100likes I will share the public GitHub repo with GrapesJS React code - hopefully will help you kickstart your project faster!
Thanks for this video! I currently use Scrivito at work, and I just found out that they use GrapesJS. I was always wondering how they worked react support into it, but your video explained it pretty well! :D
Hey, thanks for the video! Where can I watch the full video with all the functionalities, like in your GitHub demo? For example, markdown, adding custom components, etc.?
Here you can see another video explaining how to add more complex and customisable blocks to GrapesJS: ruclips.net/video/RtmT763yWKI/видео.html Let me know if you have any questions.
Well done!🎉 I am also trying to integrate GrapesJS for my form builder. Currently I have created a custom form builder from scratch. But looking at this great library, I am really excited to work with this. I need your help before I get into this. Please let me know how can we connect.
You can expand the editor by adding custom fields, or re-using the default style settings. You could also try playing with GrapesJS Studio - studio.grapesjs.com/ its basically a wix.
Here you can find a GrapesJS + React Demo page with Grapes JS Blocks export to React Mark Up code for static page generation, Custom Blocks Toolbars and Blocks Traits: gjs.blocksin.com/ Enjoy!
Thank you, it seems very good. I am experimenting with this editor. Now I can drag and drop reactjs-block-components into it, and these components can interact with each other by clicking. So far, it's working fine. Could you please reply? Can I export or build a ReactJS site instead of just HTML, CSS, and JS static site from the editor?? or any possibility of building or exporting a ReactJS site?
Yes you can build a react js site. At the end of the video I showcase how to save grapes js content to json format and render in client side page with react components.
If you want to directly render react page from grapes js editor, you would have to create a js template that reads the json content directly from the editor, basically skipping the step where you save and store content.
great video. I am not able to hide the complete panel UI though. I passed panels: { defaults: []} but its only hiding the buttons. But the topnav and the right sidebar is still visible. How can I remove that as well? Couldnt find anything online. Please suggest.
100 likes goal achieved. Sharing the GrapesJs React Integration code here: github.com/sebastiangrochocki/grapesjs-react-demo Make sure to check the readme. 1000 likes goal: I will deploy fully function Class / Style Editor as an independent App.
COOL intro 🌟
Hey everyone! Thank you for your comments and private messages! When the video hits 100likes I will share the public GitHub repo with GrapesJS React code - hopefully will help you kickstart your project faster!
congratulations on completing your 100 likes 🎊
Thanks for this video! I currently use Scrivito at work, and I just found out that they use GrapesJS. I was always wondering how they worked react support into it, but your video explained it pretty well! :D
Wow lots of possibilities
Hey, thanks for the video! Where can I watch the full video with all the functionalities, like in your GitHub demo? For example, markdown, adding custom components, etc.?
Here you can see another video explaining how to add more complex and customisable blocks to GrapesJS: ruclips.net/video/RtmT763yWKI/видео.html Let me know if you have any questions.
great video. very helpful. greetings from Mr. Bocian ;)
Well done!🎉
I am also trying to integrate GrapesJS for my form builder.
Currently I have created a custom form builder from scratch. But looking at this great library, I am really excited to work with this.
I need your help before I get into this. Please let me know how can we connect.
Great ❤
Great work! Can you please tell me how to make website builder like wix
You can expand the editor by adding custom fields, or re-using the default style settings. You could also try playing with GrapesJS Studio - studio.grapesjs.com/ its basically a wix.
Here you can find a GrapesJS + React Demo page with Grapes JS Blocks export to React Mark Up code for static page generation, Custom Blocks Toolbars and Blocks Traits: gjs.blocksin.com/ Enjoy!
Thank you, it seems very good. I am experimenting with this editor. Now I can drag and drop reactjs-block-components into it, and these components can interact with each other by clicking. So far, it's working fine. Could you please reply? Can I export or build a ReactJS site instead of just HTML, CSS, and JS static site from the editor?? or any possibility of building or exporting a ReactJS site?
Yes you can build a react js site. At the end of the video I showcase how to save grapes js content to json format and render in client side page with react components.
If you want to directly render react page from grapes js editor, you would have to create a js template that reads the json content directly from the editor, basically skipping the step where you save and store content.
great video. I am not able to hide the complete panel UI though. I passed panels: { defaults: []} but its only hiding the buttons. But the topnav and the right sidebar is still visible. How can I remove that as well? Couldnt find anything online. Please suggest.
Hey. Have you specified id: "panel-devices", and el: ".panel__devices"? This will remove the default HTML element: .gjs-pn-panels
100 likes goal achieved. Sharing the GrapesJs React Integration code here: github.com/sebastiangrochocki/grapesjs-react-demo Make sure to check the readme. 1000 likes goal: I will deploy fully function Class / Style Editor as an independent App.
Please add repo github bro