[PREGUNTA] Generación dinámica de clases con una plantilla

Question

¡Hola!

Me pregunto si hay alguna forma de forzar la generación dinámica de clases (de la forma 'cXXXXX', que ocurre al arrastrar y soltar un componente) en la importación de plantillas? El problema es que, cuando uso una plantilla, los componentes generados en el editor no tienen esa clase dinámica, que necesito para poder generar consultas de medios mientras edito en modo teléfono/tableta. Para que te hagas una referencia, aquí tienes la plantilla que estoy importando: https://gist.github.com/davydav/2413f5fdaa154a80dfa49a633bd247bb

¡Muchas gracias por tu increíble trabajo!

! Captura de pantalla 2019-04-10 en 16 08 33

artf · Accepted Answer

Hola Davy, si necesitas una clase puedes ponerla ya en tu plantilla; si necesitas una dinámica, probablemente hagas uso de events como 'component:add' o 'block:drag:stop'

davydav · Answer

¡Gracias por tu respuesta! ¿Hay alguna forma de acceder a tu método de generación de clases, o podrías indicarme dónde está en tu código? He estado intentando encontrarlo pero sin suerte. Gracias de nuevo

artf · Answer

https://github.com/artf/grapesjs/blob/5fe64423b2a4c94f5b3cd9b7b8e1d887a8896ab0/src/dom_components/model/Components.js#L70-L87

Como ves, se llama a añadir, así que puedes desactivarlo (opción 'forceClass') e implementar tu propia lógica

Generación dinámica de clases con una plantilla

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

Establecer la altura del dispositivo junto con el ancho del dispositivo

[PREGUNTA] Uso de clases idénticas múltiples

Pregunta: Para detener las clases generadas dinámicamente en uvas Editor

[PREGUNTA] Cambios de ID al importar HTML o pasar HTML en components prop en config.

Plugins de pago que cumplen con este problema

Tutoriales relacionados

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Explorar categorías de plugins