La plantilla cargada desde almacenamiento remoto no se muestra en el editor
¡Hola @jamejillagit! Según cómo se cargan los componentes DOM, parece que GrapesJS priorizará la carga desde la propiedad 'gjs-components' sobre la de 'gjs-html' siempre que esté definida y sea válida (array, objeto o cadena JSON). Si explícitamente quieres cargar desde 'gjs-html', creo que tu endpoint no debería devo...
Lee la respuesta completa abajo ↓Pregunta
Hola,
Estoy intentando cargar una plantilla predeterminada desde el almacenamiento remoto en el editor, pero no aparece nada.
Como parte de la inicialización tengo este código:
storageManager: {
Tipo: "Remote",
guardado automático: Cierto,
autoload: cierto,
pasosAntesDeguardar: 3,
urlStore: "https://myendpoint/lib/remote_storage_load_template.php",
urlLoad: "https://myendpoint/lib/remote_storage_load_template.php",
params: {},
contentTypeJson: cierto,
},
Este es el código PHP de mi urlLoad:
encabezado('Tipo-Contenido: aplicación/json');
$html = '<clase de división = "héroe">Hola mundo</div>';
$css = '*{color:red;} body{width:100%;}';
$arr = array(
'gjs-html' => $html,
'gjs-css' => $css,
'gjs-assets' => [],
'gjs-styles' => [],
'gjs-components' => []);
Echo htmlentities(json_encode($arr));
eco json_encode($arr);
Este es el JSON que carga grapesjs desde mi endpoint:
'editor.on('storage:load', obj => console.log('Load', obj));'
! [imagen](https://user-images.githubusercontent.com/64067337/90645170-ecab1300-e235-11ea-92ef-b4314e9ba991.png)
Cuando hago una petición GET directamente a mi endpoint, esto es lo que obtengo:
'{"gjs-html":"<clase div = \"hero\">Hola mundo<\/div>","gjs-css":"*{color:red;} body{width:100%;}","GJS-Assets":[],"GJS-Styles":[],"GJS-components":[]}'
¿Me estoy perdiendo de algo obvio?
Gracias por tu ayudaRespuestas (2)
¡Hola @jamejillagit!
Según cómo se cargan los componentes DOM, parece que GrapesJS priorizará la carga desde la propiedad 'gjs-components' sobre la de 'gjs-html' siempre que esté definida y sea válida (array, objeto o cadena JSON).
Si explícitamente quieres cargar desde 'gjs-html', creo que tu endpoint no debería devolver un valor válido para la propiedad 'gjs-components'.
¡Salud!
@jamejillagit asegúrate de haber leído este https://grapesjs.com/docs/modules/Storage.html Si cargas el HTML para actualizar la plantilla, tendrás problemas
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #597
storageManager: Carga desde almacenamiento remoto
Hola, Estoy intentando leer el HTML y el CSS de mi base de datos. Cuando intento cargarlo en el editor, no aparece nada. Puedo almacenar lo...
Issue #1897
[Pregunta] vista vs código
Hola... ¡Y perdón por mi inglés! Antes que nada, enhorabuena por este marco. Estoy intentando usar GrapeJS para crear mi propio editor de W...
Issue #3116
[AYUDA BUSCADA] Cómo cargar un CSS que se pueda ver en el visor de código y también exportarse mientras se guarda
Hola :wave: Estoy intentando cargar algo de CSS dentro del editor como parte del tema, puedo enlazar hojas de estilo como parte de la carga...
Issue #1971
Evento activa atributos de estado previos en almacenamiento remoto
Estoy intentando extraer el cambio en el 'src' de una imagen y almacenarlo en el almacenamiento remoto usando Storage Manager, usando el si...
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.
Tutorial
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.