Cambiar de página llama a estilos y scripts de canvas una y otra vez
@artf ¿Me puedes ayudar, por favor?
Lee la respuesta completa abajo ↓Pregunta
Hola
Estoy integrando el gestor de páginas en mi proyecto. Pero el problema que tengo es que cada vez que cambio entre páginas, carga archivos CSS y scripts dados en el objeto canvas en el momento de iniciar, una y otra vez.
Hace que cambiar de página sea lento.
Implementación:
grapesjs.init({ pageManager: { páginas: [ { id: 'Página-1', estilos: '', // o un JSON de estilos component: '', // o un JSON de componentes nombre: 'Page 1', }, ], },
lienzo: { Estilos: [ '.. /recursos/bootstrap/bootstrap.min.css', '.. /assets/platforma/platforma.min.css', '.. /activos/editor.css', ], guiones: [ '.. /assets/bootstrap/jquery-3.5.1.slim.min.js', '.. /assets/bootstrap/bootstrap.bundle.min.js', '.. /assets/platforma/platforma.bundle.min.js', ], }, })
después de eso, añado páginas manualmente con un clic
Respuestas (3)
@artf ¿Me puedes ayudar, por favor?
Desafortunadamente, cambiar de página crea un nuevo iframe, así que el comportamiento es correcto. Preferí eliminar iframes anteriores para mantener el consumo de memoria lo más bajo posible. Una solución podría ser encontrar la forma de reutilizar iframes anteriores, pero eso podría causar problemas de contexto con JS externo... Así que no sé cómo prevenir este comportamiento correctamente. De todas formas, para ser sincero, no esperaría cambiar tan lento tras la primera carga, ya que los archivos externos deberían estar almacenados en caché por el navegador... ¿Eres capaz de crear una captura de pantalla de tu experiencia?
Gracias por informar de esto, @chiragkataria22.
Gracias por compartir tu informe sobre Cambiar de página a las llamadas de estilos y scripts canvas una y otra vez. 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 #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 #3223
HAZAÑA: Crear el lienzo a partir de una URL
He estado probando GrapesJS e intentando integrarlo en un proyecto de Symfony 5. En particular, quiero poder editar plantillas en el editor...
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 #3512
Los elementos hijos no se pueden arrastrar, se pueden soltar y se pueden resaltar. también el CSS de todos los elementos hijos que no se insertan en la sección de estilo mientras se desarrolla un componente banner en un plugin
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemen...
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.