Conecta dinámicamente CDN (recursos externos) a la cabeza de lienzo #grapesjs #attach #cdn #external #resources
Si necesitas guardar css/js dinámicos dentro de la plantilla, tienes que añadirlos al cuerpo (por ejemplo, 'editor.addComponents('<script src="...">..')') si los necesitas fuera de la plantilla (que gestiona SOLO el cuerpo), como en <head>, puedes añadirlos incluso manualmente al lienzo, pero depende de ti guardarlos...
Lee la respuesta completa abajo ↓Pregunta
Querido artf
Estoy intentando añadir una función a mi aplicación, para el usuario final. Es una herramienta para añadir dinámicamente CSS y CDN-s JS. Como en jsFiddle o Codepen, cuando añadimos recursos externos (css/js) CDN-s. Eso significa que, tras añadir un enlace para js o css, aparecerá en la cabeza de iFrames de Canvas. Por desgracia, no he encontrado ninguna forma de hacerlo.
- No puedo usar lienzo: { guiones: ['......'], }, porque el usuario final podrá añadir CDN en el proceso de fabricar su tamplate
- No puedo añadir a la cabeza de lienzo, porque simplemente no la salva.
Entonces, ¿qué hacer? ¿Alguna solución? ¿Algún paquete?
@artf
Respuestas (1)
Si necesitas guardar css/js dinámicos dentro de la plantilla, tienes que añadirlos al cuerpo (por ejemplo, 'editor.addComponents('<script src="...">..')') si los necesitas fuera de la plantilla (que gestiona SOLO el cuerpo), como en <head>, puedes añadirlos incluso manualmente al lienzo, pero depende de ti guardarlos o cargarlos al usuario
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #3053
Permitir al usuario añadir dinámicamente una hoja de estilo global al canvas
Hola, Quería ofrecer al usuario la opción de cargar una hoja de estilo personalizada en el lienzo. Esto es para que el usuario pueda aplica...
Issue #1652
En React, ¿cómo se puede dar un camino local de CSS para el editor de grapesjs?
Como estoy trabajando en Reactjs con grapesjs, quiero cargar una plantilla html en grapesjs. ¿Tengo una carpeta CSS separada en mi aplicaci...
Issue #3216
HAZAÑA: Añadir referrerPolicy a la carga de imágenes a través del gestor de activos
¿Qué intentas añadir a GrapesJS? Estoy intentando añadir la cabecera 'Referer' a la carga de imágenes desde el administrador de recursos. D...
Issue #3111
Pregunta: ¿Cómo activar algo (función) al añadir un activo?
Hola, @artf. ¿Cuál es la forma correcta de activar una función cuando se añade un recurso a los recursos proporcionando el enlace y luego p...
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.