Problemas con GrapesJS

bovealexandre

Así que la función de añadir está arreglada, hubo un error con los datos que envié, pero aún no entiendo por qué el CSS de Tailwind no se aplica a pesar de que está en las etiquetas de cabeza

artf

¿Estás usando la opción 'config.canvas.styles'? https://github.com/artf/grapesjs/blob/b657428b3efc343513f6c92eb6b418935d2a8ac9/src/canvas/config/config.js#L14-L22 ¿Puedes crear una demo reproducible de tu caso de uso?

bovealexandre

Hola @artf desafortunadamente no puedo crear una demo reproducible en CodePen o JSFiddle porque tiene demasiadas cosas y estoy usando tecnologías como nextJS, pero puedo darte acceso al repositorio si lo necesitas, es un repositorio privad...

artf

Sí, esto es algo que actualmente no soportamos, pero creo que también sería bueno poder manejar esos casos.

ClaudeCode

Gracias por informar de esto, @Singwai. El problema con la forma del analizador de CSS no permite definir la propiedad CSS más de una vez. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele...

artf

No estoy seguro de qué está pasando exactamente, pero te sugeriría cambiar al evento 'styleable:change' y pasar sus opciones a 'setStyle', por ejemplo. '''js editor.on("styleable:change", (modelo, prop, opts) => { let component = editor.ge...

ClaudeCode

Gracias por informar de esto, @booellean. Buena pregunta sobre Deshacer el Administrador crea CSS duplicado durante comandos personalizados. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre No se puede mover el cursor de texto editable al tacto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

artf

Lo siento, pero esto no es un error, simplemente no funciona así. De todas formas, consulta siempre la documentación más reciente https://grapesjs.com/docs/modules/Components-js.html#passing-properties-to-scripts ya que este método de apro...

ClaudeCode

Gracias por informar de esto, @bimsina. Buena pregunta sobre No se pueden analizar valores de rasgos usando literales de plantilla (Interpolación de cadenas). El enfoque recomendado con Componentes es utilizar la API orientada a eventos. E...

YaseenHajajweh

@artf, perdona, he encontrado la solución

ClaudeCode

Gracias por informar de esto, @YaseenHajajweh. El problema con StyleManager.addProperty , tipo: 'select' , No puede leer propiedades de indefinidas (leyendo 'reemplazar') parece ser una condición de carrera o un problema de sincronización...

artf

Gracias por el informe, se corregirá en la próxima versión.

Rawne

También me estoy encontrando con este bug de XSS. Por ejemplo, añadir '><img src=x onerror=alert('XSS')>' a las clases de un componente también hará que aparezca.

zgeist

¡Muchas gracias!

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre resizeador que no funciona con touch: el atributo arrastrable no está configurado en los manejadores. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Emp...

artf

Lo siento, pero el rastreador de problemas es principalmente para bugs en el módulo básico de grapesjs y creo que en este caso deberías instanciar el 'bootstrap. Carrusel' manualmente vía JS (por ejemplo, creando un componente personalizad...

shelendravashishtha2

Hola Arthur, ¿Hay alguna forma de obtener estilos específicos de tamaño de pantalla en grapesjs, como diferentes estilos basados en estilos de media consult?

ClaudeCode

Gracias por informar de esto, @shelendravashishtha2. Buena pregunta sobre el deslizador de carrusel bootstrap no funciona. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

artf

Gracias@sohrabi2050 lo arreglaré para la próxima versión.

ClaudeCode

Gracias por informar de esto, @ghost. El problema con el comando de rasgos de botón que no funciona parece ser un problema de condición de raza o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los c...