Almacenamiento remoto
Tuve problemas similares. Mira el número que he creado. Número #597. Mi problema estaba relacionado con el uso de 'contentTypeJson: true', pero tú ya lo tienes en el tuyo.
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando usar el almacenamiento remoto pero sin éxito, con los problemas resueltos consigo ajustar todo como mejor es posible, pero los editores no renderizan HTML cargado.
GrapesJS:
var editor = grapesjs.init({
contenedor: '#gjs',
storageManager: {
Tipo: 'A distancia',
autoload: cierto,
pasosAntesDeguardar: 10,
contentTypeJson: cierto,
urlStore: 'domain.dev/store',
urlLoad: 'domain.dev/load',
params: {},
},
mostrarDispositivos: falso,
Plugins: ['GJS-Bloques-Básico'],
pluginsOpts: {
'gjs-bloques-básico': {/* ... opciones */}
}
});
editor.on('storage:load', function(e) {
console.log('Cargado', e);
editor.render();
});
JSON: '{"gjs-css":"", "gjs-html":"<div>HELLO</div>", "gjs-assets":"[]", "gjs-styles":"[]", "gjs-components":"[]"}'
Evento de carga: ! imagen
GrapesJS parece estar cargando bien, puse el 'editor.render()' después del init y también dentro del evento de carga para probar.
Respuestas (3)
Tuve problemas similares. Mira el número que he creado. Número #597.
Mi problema estaba relacionado con el uso de 'contentTypeJson: true', pero tú ya lo tienes en el tuyo.
GrapesJS parece cargar bien, puse el editor.render() después del init y también dentro del evento de carga para probar.
Deberías usar 'editor.render()' solo con 'autorender: 0', así que elimínalo
@DeathStapler gracias, pude cargar el urlLoad con esa configuración.
@artf seguir sin poder renderizar el editor, la consola muestra el urlLoad cargado pero nada en el editor, también en el botón de vista fuente.
Estoy usando la última versión.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1953
[PREGUNTAS] renderiza sin iframe o obtén estilos y scritps globales
Hola, estoy intentando integrar grapesjs en prestashop, pero debido al iframe, no consigo el global css ni js. Intenté introducir el CSS y...
Issue #1337
[Pregunta] Cargando desde el paquete en TypeScript dando un error indefinido.
Similar al problema #902, pero no consigo resolver con los pasos dados en esa discusión. Estoy usando la última versión de Angular, Webpack...
Issue #369
Fallido el uso desde la fuente
Intenté usar grapesjs from source usando 'require('grapesjs/src')' para depurar tanto mi source como grapesjs. Pero no pudo tener éxito deb...
Issue #1448
Componente hijo no seleccionable al usar vista personalizada
Estoy intentando crear un componente personalizado que genere su propia vista con HTML anidado. No quiero que este HTML se renderice como u...
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 →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.