GrapesJS carga html/css desde la base de datos
Al principio, pensaba que no usaría el gestor de almacenamiento nativo, así quería llamar.Avísame cómo deberíamos hacerlo,! imagen Si por cualquier motivo no estás dispuesto a usar el gestor de almacenamiento, creo que esta configuración solo puede usarse para establecer el contenido predeterminado del lienzo, así que...
Lee la respuesta completa abajo ↓Pregunta
Hola,
Estamos usando grapesjs en nuestra app de Angular. Hemos conseguido crear y guardar el html/css de grapesjs en nuestra base de datos. Una de las cosas que aún no hemos podido encontrar es que, en modo edición, queremos llamar a nuestra API y obtener el HTML, CSS y cargarlo en grapesjs canvas. Hemos probado con Storage Manager pero no funcionó; si hay algún método fijo o algún ejemplo de código que alguien pueda compartir, sería de gran ayuda.
Saludos, Eshayat
Respuestas (3)
Al principio, pensaba que no usaría el gestor de almacenamiento nativo, así quería llamar. Avísame cómo deberíamos hacerlo, ! imagen
Si por cualquier motivo no estás dispuesto a usar el gestor de almacenamiento, creo que esta configuración solo puede usarse para establecer el contenido predeterminado del lienzo, así que podrías inicializar el editor así una vez que tu servidor hubiera respondido.
Si te interesa actualizar el contenido del canvas dinámicamente después de la inicialización, puedes usar la API del editor para lograrlo, concretamente los siguientes métodos:
[...]
this.editor.setComponents(remoteData['gjs-components']));
this.editor.setStyle(remoteData['gjs-styles']));
[...]
Hola @Eshayat,
Hemos probado con Storage Manager, pero no funcionó
¿Podrías explicar más? ¿Has seguido correctamente las secciones "Configurar almacenamiento remoto" y "Configurar el servidor" de la documentación de "Gestor de almacenamiento"?
La siguiente configuración debería funcionar, siempre que tu endpoint devuelva los datos en el formato correcto:
[...]
storageManager: {
Tipo: 'A distancia',
urlLoad: 'http://endpoint/load-template/some-id-123',
autoload: true (es el valor por defecto)
}
[...]
Hola, el segundo método funcionó. Gracias
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3202
Ayuda necesaria: guardar/restaurar los tipos de bloques de datos de GJS
Hola a todos, ¿podéis indicarme la dirección correcta?Cuando guardo el código html y el código css, se recorta una nueva línea. ¿Hay alguna...
Issue #2601
[¿PREGUNTA/BUG?] Arrastrar el segundo bloque no tiene CSS
¡Hola! He conseguido crear diferentes bloques con su propio HTML y CSS usando BlockManager. Pero una vez que arrastro el mismo bloque, el C...
Issue #1836
Cómo añadir !important en todas las APIs generadas
Hola @artf, Aunque voy a editar algo de html desde el editor con la ayuda de CSS, necesito añadir '!important' a todo el CSS, que ha cambia...
Issue #1993
[PREGUNTAS] es cualquier forma de almacenar el id html con su componente cuando hago clic en guardar
Hola. Sé que los grapesjs generarán el id único para cada HTML. cuando guardo ese HTML y CSS. el ID HTML no está almacenado en mi base de d...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.