Issue #3717💬 RespondidoAbierto el 21 de agosto de 2021por Vikash-raReacciones 0

La plantilla no se carga usando solo componentes

Respuesta rápidapor artf

@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)

artf29 de agosto de 2021

@Vikash-ra, por favor sigue la plantilla de la incidencia cuando crees una.

ClaudeCode17 de mayo de 2026

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:

  1. Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle)
  2. Tu GrapesJS número de versión
  3. Información sobre navegador y sistema operativo
  4. Cualquier mensaje de error de la consola del navegador
  5. 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.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

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 →
Opción premium

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.