GrapesJs y PHP - almacenan y cargan datos para mostrarlos en el editor y también en la página HTML

Estoy usando GrapesJS para crear una página web sencilla.

Incluí el guion de la siguiente manera dentro de la parte de la cabeza:

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<link rel="feuilletas de estilo" tipo="texto/css" href="grapesjs-dev/dist/css/grapes.min.css">
<script type="text/javascript" src="grapesjs-dev/dist/grapes.min.js"></script>

Estoy usando GrapesJS para crear una página web sencilla.

Incluí el guion de la siguiente manera dentro de la parte de la cabeza:

HTML:

<div id="gjs" style="height:0px; overflow:hidden;">
</div>

Javascript :

<script>      
       var editor = grapesjs.init({
        Offsets: 1,
        avisoOnUnload: 0,
        Contenedor: '#gjs',

fromElement: cierto,

Altura: '100%',
        fromElement: cierto,
        storageManager: { autoload: 0 },

assetManager: {

Activos: [
     'http://placehold.it/350x250/78c5d6/fff/image1.jpg',
     Pasa un objeto con tus propiedades
     {
       tipo: 'imagen',
       Src: 'http://placehold.it/350x250/459ba8/fff/image2.jpg',
       altura: 350,
       Ancho: 250
     },
     {
       Como la 'imagen' es el tipo base de recursos, omitirla sí
       se establezca como 'imagen' por defecto
       SRC: 'http://placehold.it/350x250/79c267/fff/image3.jpg',
       altura: 350,
       Ancho: 250
     },
    ],

},

storageManager: {
    Tipo: 'A distancia',
    pasos Antes de guardar: 1,
    autosave: true, // Almacenar datos automáticamente
    autoload: cierto,
    urlStore: 'save_now.php',
    urlLoad: 'load_now.php',
    TipoContenido: 'application/json',
    Para parámetros/encabezados personalizados en peticiones
    params: { _some_token: '....' },
    contentTypeJson: cierto,
      storeComponents: cierto,
    storeStyles: cierto,
    storeHtml: cierto,
    storeCss: cierto,
     cabeceras: {
    'Tipo de contenido': 'aplicación/json'
    },
    json_encode:{
    "GJS-html": [],
    "GJS-CSS": [],
    }
  encabezados: { Autorización: 'Basic ...' },
  }

});

window.editor= editor;

var blockManager = editor. Jefe de bloque;

'mi-primero-bloque' es el ID del bloque
blockManager.add('my-first-block', {
  etiqueta: 'Bloque simple',
  contenido: '<div class="my-block">Este es un bloque simple</div>',
});

</script>

Así que en el panel de bloques aparece un bloque llamado Simple Block que puedo arrastrar y soltar en el editor. Cada vez que se realiza algún cambio, el guardado automático se trigerea con una llamada ajax a save.php archivo. Dentro de save.php, tengo:

$content_found="";
$content_found= file_get_contents('php://input');

mysqli_real_escape_string($conn, $content_encontrado);
echo " contenido encontrado = ".$content_encontrado;
$sql = "INSERTAR EN 'grapes_content' ('content_found')
VALORES ('".$content_found."')";

Pero en la pestaña de red de herramientas para desarrolladores de Chrome, puedo ver: ! 1

No está claro qué variables de carga útil debería guardar en la base de datos ni cómo. Usé '$content_found= file_get_contents('php://input');' para obtener el contenido completo en su lugar.

Después de guardarlo en la base de datos, al refrescar la página, cargo la página con 'load_now.php'. Dentro de 'load_now.php', tengo 👍

$content_found="";
$sql = "SELECCIONAR * DE 'grapes_content'";
$result=$conn->consulta($sql);
$content_found="";
while($row=mysqli_fetch_assoc($result)){

$content_found=$row['content_found'];

}

echo $content_found;

Pero el editor no muestra ningún dato guardado.

Estoy bastante seguro de que la forma en que guardo y recupero datos no es correcta. Así que los puntos son:

Q1) ¿Qué cosas debería guardar en la base de datos? ¿Y cómo puedo obtener las variables o datos de la carga útil de ajax o de cualquier otra manera?

P2) ¿Cómo puedo mostrar los datos guardados en el editor después de recargar la página?

En el editor, veo una opción de vista previa con una imagen de ojo que puede mostrarme la página HTML sin ningún editor.

P3) Después de guardar datos en la base de datos, ¿cómo puedo mostrar los datos simplemente como una página HTML y no dentro de ningún editor?