Issue #2104💬 AnsweredOpened June 28, 2019by georgikolev70 reactions

Correct format for load template

快速解答by georgikolev7

Issue was caused by invalid JSON data inside "gjs-components" on saving, which breaks the loading later.

Read full answer below ↓

Question

Hey,

I'm searching for the right way of loading template, generated by GrapesJS, but nothing is loading.

Can someone please check, maybe format is not ok. https://api.myjson.com/bins/14o5yz

There is no error message, just empty editor.

Data is saved in the database with the following code

$params = file_get_contents('php://input');
$params = json_decode($params, true);

The type of the columns is TEXT.

This is my code

var builder = grapesjs.init({
        container : '#html-wrapper',
        plugins: ['gjs-preset-newsletter', 'gjs-plugin-ckeditor', 'img-link-plugin'],
        clearOnRender: true,
        assetManager: {
            upload: '/index.php?page=mod&mod=' + mod_param + '&action=ajax-upload-images',
            dropzone: true,
        },
        storageManager: {
            id: 'gjs-',
            type: 'remote',
            autoload: true,
            autosave: true,
            storeComponents: true,
            storeStyles: true,
            stepsBeforeSave: 1,
            contentTypeJson: true,
            urlStore: '/index.php?page=mod&mod=' + mod_param + '&action=ajax-save-campaign-template',
            urlLoad: '/index.php?page=mod&mod=' + mod_param + '&action=ajax-load-campaign-template&template_id=' + template.id,
            params: {
                template_id: template.id,
                template_name: template.name
            }
        }
    });

Answers (1)

georgikolev7July 9, 2019

Issue was caused by invalid JSON data inside "gjs-components" on saving, which breaks the loading later.

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins →
Premium option

Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.

Browse premium plugins →

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.