GrapesJS/grapesjs ? reverse-engineered prompt
Reverse engineered prompt
Build me a visual web page editor, kind of like a simple open-source version of Squarespace or Wix. The idea is that someone with no coding skills can build a landing page or an email template using a drag-and-drop interface.
The main screen should have a canvas area where you can see the page you're creating. On the side, there should be a panel with pre-built components like text boxes, images, columns, and buttons that you can drag onto the canvas. When you click on any element on the page, a style editor should appear, letting you change things like colors, fonts, spacing, and borders.
I'd also like it to have a layer manager that shows the hierarchy of elements, and a simple asset manager for uploading images. Finally, there should be a way to see the generated HTML/CSS code and an option to save the project. Local storage is fine for saving.
Are you gonna build this?
make sure you review the code using coderabbit