[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
Answers (3)
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 following methods:
[...]
this.editor.setComponents(remoteData['gjs-components']));
this.editor.setStyle(remoteData['gjs-styles']));
[...]
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:
[...]
storageManager: {
type: 'remote',
urlLoad: 'http://endpoint/load-template/some-id-123',
// autoload: true (is the default)
}
[...]
Hey there, the second method worked. Thank you
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1466
Editing Saved html editor.setComponents slider load issue
I am working on a project where i integrated grapesJs for users to build there templates, save them in database and edit these saved templa...
Issue #822
[QUESTION] How to get the html and css code in view code tool?
or how to get all the html code and css so that I could save it in my database. Or there is already a functionality in the documentation? y...
Issue #2998
Insert HTML+CSS inline into [help wanted)
I have the nice ckeditor 4 editor built into grapesjs with this components: grapesjs: 0.15.8 grapesjs-preset-newsletter: 0.2.20 ckeditor.js...
Issue #1526
[QUESTION] how to make fullscreen command
Hi, unfortunately I do not find documentation and can't manage to get it understand from code: I know there is a built-in command 'fullscre...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.
