[HELP] GrapesJS load html/css from Database

Question

Hi there,

We are using grapesjs in our Angular app. We have managed to create and save the grapesjs html/css in our database. One of the things we still couldn't find our that, In edit mode we want to call our API and get the HTML, CSS and load it into grapesjs canvas. We have tried with storage manager but that didn't work, if theres any set method or any code sample anyone could share that would be great help.

Regards, Eshayat

mcottret · Accepted Answer

At first, I'm thinking i won't use the native storage manager that's how i wanted to call.Let me know how we should do this, If for any reason you're not willing to use the storage manager, I believe this configuration can only be used to set the default canvas content, so you could initialise the editor this way once your server would have responded. If you're interested in updating the canvas content dynamically after initialisation, you can use the Editor API to achieve it, namely the follow...

mcottret · Answer

Hi @Eshayat,We have tried with storage manager but that didn't work Could you elaborate ? Have you properly followed the "Setup remote storage" & "Setup the server" sections of the "Storage Manager" documentation ? The following configuration should work, provided that your endpoint returns the data in the correct format:

Eshayat · Answer

Hey there, the second method worked. Thank you

GrapesJS load html/css from Database

Question

Answers (3)

Related Questions and Answers

Editing Saved html editor.setComponents slider load issue

[QUESTION] How to get the html and css code in view code tool?

Insert HTML+CSS inline into [help wanted)

[QUESTION] how to make fullscreen command

Paid Plugins That Match This Issue

Browse Plugin Categories