Issue #2772💬 RespondidoAbierto el 13 de mayo de 2020por Mohsen-KhakbizReacciones 0

Cargando scripts/css en el lienzo dependiendo de los rasgos

Respuesta rápidapor artf

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)

artf5 de junio de 2020

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.

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.