able to fetch my local html file using load url and getting status ok how can i load this fetched url into editor currently im getting blank screen inside editor
Question

here is my code
const LandingPage = {
html: '',
css: null,
components: null,
style: null,
};
this.editor = grapesjs.init({
container: "#gjs",
canvas: {
styles: [],
},
fromElement: true,
components:'' ,
style: '',
plugins: [],
pluginsOpts: {
"gjs-preset-webpage": {}
},
storageManager: {
type: 'remote',
stepsBeforeSave: 10,
urlStore: 'http://laravel-vue-spa.test/userlogin',
urlLoad: 'http://laravel-vue-spa.test/userlogin',
params:{
'Access-Control-Allow-Origin':'http://laravel-vue-spa.test',
},
contentTypeJson: true,
headers: {
'Content-Type': 'application/json'
},
json_encode:{
'gjs-components': [],
'gjs-style': [],
"gjs-html": "",
}
},
});
this.editor.load=(res => console.log('Load callback'));
},
}Answers (1)
@raghuv9 please, read carefully this guide https://grapesjs.com/docs/modules/Storage.html#setup-the-server You can't just request a document page, you HAVE TO CREATE a server-side script which outputs a JSON in a CORRECT FORMAT.
And please... write a more comprehensible title and format your code properly not just with a copy/paste
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2416
Unable to display template from database to grapesjs
Able to fetch my remote HTML file using load URL and getting status ok, how can I load this fetched HTML AND CSS into editor? currently I'm...
Issue #2264
how to load a remote url inside grapes js
this is how i tried to load my gitpage but its not working mounted() { const LandingPage = { html: '', css: null, components: null, style:...
Issue #2851
Style Manager Not Working
Hi When I choose a block and try to change the styles, nothing happens. (I'm using the web preset) Here is my config:
Issue #2547
Unable to drag an element if style has bottom or right values
Hi @artf , If any component CSS has bottom or right values , not able to drag them. Values are generating as NaN. Attached the screenshot f...
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.