La plantilla no se carga usando solo componentes
@Vikash-ra, por favor sigue la plantilla de la incidencia cuando crees una.
Lee la respuesta completa abajo ↓Pregunta
Estoy intentando cargar una plantilla existente. Creo que debería funcionar con componentes o HTML, pero parece que solo funciona a través de HTML. El siguiente código no funciona, pero el código con el HTML correspondiente sí.
El Json de Página de Aterrizaje se tomó del panel de la barra de herramientas de desarrollo
'''js const LandingPage = { "html": null, "components": "[{'type':'text','attributes':{'id':'i0fq'},'components':[{'type':'textnode','removible':false,'arrastrable':false,'resaltable':0,'copyable':false,'selectable':true,'content':'inserte tu texto aquí','_innertext':false}]}]", "activos": "[]", "css": "* { tamaño de caja: caja de borde; } cuerpo {margen: 0;}#i0fq{padding:10px;}", "estilos": "[{{'selectors':['#i0fq'],'style':{'padding':'10px'}}]" }
var editor = grapesjs.init({ Altura: '100%', Offsets: 1, avisoOnUnload: 0, Contenedor: '#gjs', fromElement: false, componentes: Landing Page.components , Quizá queramos hacer la misma comprobación para los estilos estilo: Página de Aterrizaje.estilo || LandingPage.css, storageManager: { autoload:true }
});
Respuestas (2)
@Vikash-ra, por favor sigue la plantilla de la incidencia cuando crees una.
Gracias por informar de esto, @Vikash-ra.
Gracias por compartir tu informe sobre La plantilla no carga solo con componentes. Para ayudar al equipo a investigar y priorizar esto:
Por favor, proporciona:
- Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle)
- Tu GrapesJS número de versión
- Información sobre navegador y sistema operativo
- Cualquier mensaje de error de la consola del navegador
- Pasos para reproducir el problema
Lo que más ayuda:
- Ejemplo de código mínimo (no tu proyecto completo)
- Grabación de pantalla o captura de pantalla que muestra el problema
- Comportamiento esperado frente a comportamiento real claramente indicado
- Configuración GrapesJS que estás usando
Con estos detalles, los mantenedores pueden identificar y priorizar una solución mucho más rápido. El equipo de GrapesJS responde muy bien a los problemas bien documentados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
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 #3699
El flotamiento de la celda desplaza aleatoriamente a la celda real
¡Hola! Estoy usando grapesJs para editar correos electrónicos en un proyecto de mi empresa, con el plugin Newsletter. Todo funciona muy bie...
Issue #3631
¿Cómo cargar contenido dinámico en el archivo HTML final?
Busqué por todas partes, incluida la sección de problemas, y probé algunas cosas. Pero no tengo muy claro cómo cargar contenido dinámico en...
Issue #3212
Componente Lightbox
Hola @artf Estoy intentando hacer una caja de luz por componentes igual que la gota de uva. No puedo actualizar la parte inicial de la imag...
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.