Los scripts no funcionan cuando se añaden dinámicamente a iframe <head>
¡Hola! Mira si esto puede ayudarte: ¡Salud!
Lee la respuesta completa abajo ↓Pregunta
Estoy usando la última versión de grapesjs (0.15.8) y la uso en Windows 10 x64 en Electron (esto no es un problema con electron) y me encuentro con un problema cuando intento adjuntar scripts dinámicamente al iframe del editor; he incluido un enlace a CodePen para más información sobre este problema. En mi proyecto tengo que cambiar los scripts dinámicamente. Los scripts solo funcionan cuando los añado a través de 'canvas: {scripts: ['...']}', no cuando '$(editor. Canvas.getDocument().head).append("...");'
Por favor, sugeridme una solución o una solución alternativa. (por cierto, me encanta el proyecto)
Respuestas (3)
¡Hola! Mira si esto puede ayudarte:
const scriptEl = document.createElement('script');
scriptEl.src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js';
editor. Canvas.getDocument().cabeza.appendeNiño(scriptEl);
¡Salud!
Muchas gracias, la solución funcionó, pero ¿por qué no funciona con jQuery?
Vale, muchas gracias.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1788
[PREGUNTA] ¿Cómo añadir dinámicamente recursos desde el servidor después de la inicialización del editor?
¡Hola! ¡Gracias por el trabajo que has hecho construyendo esta biblioteca tan chula! Estoy usando la última versión de Angular y me quedo c...
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 #1658
[BUG] El rasgo de casilla de verificación no carga como marcado incluso cuando el valor del rasgo es verdadero
Hola, Estoy usando la versión 0.14.33 de Grapesjs. Estoy cargando algunos componentes cuando carga el formulario y tengo un componente con...
Issue #5746
El desplazamiento de ColorPicker incorrecto cuando los paneles están fuera del contenedor del editor
Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible h...
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.