GrapesJs and PHP - store and load data to show in editor and as HTML page as well

Question

I am using GrapesJS to build a simple webpage. I included the script in the following way inside head part : I am using GrapesJS to build a simple webpage. I included the script in the following way inside head part : HTML: Javascript : So I get in the blocks panel a b...

Ju99ernaut · Accepted Answer

You're supposed to setup a RESTful API, for example: sql db.php store.php load.php .htaccessAdd this to your .htaccess file Given you add the files to a folder called api you'll have the following endpoints: http://localhost/api/load/{id} load a project with given id http://localhost/api/store/{id} update project with given id http://localhost/api/store create a project

ghuser123 · Answer

@Ju99ernaut , Q1) are all my frontend code snippets right ? Q2) How can I get the $POST variable ? In the browser network inspection tab, I only see request payload. $POST is empty there. Q3) For loading purpose, will the saved data be automatically attached to the editor ?

Ju99ernaut · Answer

I guess the $_POST variable only works for url parameters, I've updated the code to use the $data variable, your front end snippets are fine however on load the data will not be automatically attached to the editor since the load method only sends a GET request, you will have to tell the editor what to do once the data is loaded. For example: Also update these in storage manager You may also have to setup a way to keep track of which page you are editing You can also check out this tutorial on...

GrapesJs and PHP - store and load data to show in editor and as HTML page as well

Question

Answers (3)

Related Questions and Answers

I cannot get the simple example working

CMS: Grapesjs is not defined

StorageManager: Loading from remote storage

CSS properties of body (#wrapper) not editable after editor.setComponents(html);

Paid Plugins That Match This Issue

Related tutorials

Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)

Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor

GrapesJS DevTools: A Developer Panel Inside Your Editor

Browse Plugin Categories