Cargando scripts/css en el lienzo dependiendo de los rasgos
Cuando usas 'canvas: { scripts: [], styles: [] }' solo añade esos archivos al lienzo del editor, por lo que no los verás en tu código final ('editor.getHtml()'). No hay ningún tipo de lista global, pero aún así puedes indicar al componente que evite incluir tu script '''js const myScript = function() { const el = esto...
Lee la respuesta completa abajo ↓Pregunta
Hola. Antes que nada, gracias por esta herramienta tan dulce.
Lo que necesito es cargar archivos JS o CSS en el lienzo dependiendo de los rasgos. digamos que tengo un botón con una opción para activar una caja de luz. ! 1
ahora lo que necesito es cargar los archivos del plugin de lightbox solo cuando esta casilla esté marcada. No podía hacer esto desde la propiedad "script" de Component. Al menos de forma limpia ! 2@2x
Por cierto, esta puede funcionar. pero prefiero tener algo como una lista global de scripts o estilos, y al final ponerlos en mi html algo como canvas: { scripts: [] } pero quiero poder añadir dinámicamente a esta lista
Respuestas (1)
Cuando usas 'canvas: { scripts: [], styles: [] }' solo añade esos archivos al lienzo del editor, por lo que no los verás en tu código final ('editor.getHtml()'). No hay ningún tipo de lista global, pero aún así puedes indicar al componente que evite incluir tu script
'''js const myScript = function() { const el = esto; // ... }
editor. Components.addType('...', { modelo: { init() { this.on('change:mi-rasgo-prop', esto.onTránsoPropCambio); this.onTraitPropChange(); Haz la comprobación en Init },
onTraitPropChange() { prop const = this.get('mi-rasgo-prop');
¿Atrezzo? this.set({ script: myScript }) : this.set({ script: '' }); } } })
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2972
HAZAÑA: Desactivar los scripts en el lienzo
Hola, antes que nada, gracias por una herramienta tan estupenda. En mi proyecto me encontré con el problema de que tengo que desactivar los...
Issue #2814
[PREGUNTA] Botón de panel personalizado que activa/deshabilita dinámicamente los scripts de usuario
Hola y gracias por compartir un proyecto tan bueno. Estoy intentando personalizar algunas cosas en el editor, pero tengo algunas preguntas...
Issue #444
¿Cómo cargar el enlace CSS en la etiqueta de cabeza?
Hola, Antes que nada, gracias por aportar un framework de js tan increíble. Soy muy nuevo en Grapesjs. Y también github. https://github.com...
Issue #1537
Componente duplicado, no estilo
Hola, Antes que nada, muchas gracias por el trabajo increíble ❤️ !! Tengo una pregunta sobre la herramienta de duplicación, así que aquí es...
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.