Problemas con GrapesJS

artf

Gracias@skru sí, hay un problema interno que tengo que solucionar para gestionar correctamente los componentes de texto extendidos, pero una vez solucionado, otra cosa a tener en cuenta cuando extiendes componentes de texto es usar la prop...

ClaudeCode

Gracias por informar de esto, @skru. Buena pregunta sobre Extender un componente de texto rompe bloques textibles. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...

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

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...

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!

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

Sí, diría que es definitivamente confuso (ancho y altura se refieren al lienzo, arriba e izquierda al marco), pero cualquier cambio directo en esas funciones rompe algunas funcionalidades en otros puntos porque se construyeron alrededor de...

ClaudeCode

Gracias por informar de esto, @contentfree. El problema con CanvasView.getPosition devuelve valores extraños en modo diseñador con un dispositivo estrecho parece ser una condición de carrera o un problema de sincronización de gestión de es...

ClaudeCode

Gracias por informar de esto, @froodian. Buena pregunta sobre index.d.ts dice que los componentes deben ser Backbone.Collection<Component> pero la documentación dice que Component[] también es aceptado. El enfoque recomendado con Component...

Singwai

Este es un comportamiento introducido por macOS, no un error de Grapesjs https://howchoo.com/macos/disable-double-space-bar-period-dot-macos

ClaudeCode

Gracias por informar de esto, @Singwai. El problema con A "." se inyecta al insertar dos espacios en blanco al editar cualquier componente de texto en grapesjs parece ser un problema de condición de raza o de sincronización de estado. Esto...

artf

Hola @iamqinglong este es el comportamiento esperado cuando creas un oyente en el modelo editor, pero puedes comprobar el componente seleccionado de esta manera '''js init() { componente const = este.modelo; this.listenTo(this.em, 'styleab...

ClaudeCode

Gracias por informar de esto, @iamqinglong. Buena pregunta sobre El componente personalizado no seleccionado también escuchará el evento 'styleable:change'. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empiez...

Vac1911

@clonefunnels hice una función rápida para cargar datos con retrocompatibilidad: '''s Carga de función asíncrona (editor: grapesjs. Editor) { const { analizador } = editor; const data = await editor. StorageManager.load({}); si (data.pages...

Vac1911

@artf Nota rápida: 'editor.loadProjectData' debería añadirse a las declaraciones de tipo

artf

Por favor, leed atentamente las notas de lanzamiento https://github.com/artf/grapesjs/releases/tag/v0.19.4 https://github.com/artf/grapesjs/pull/4223#issuecomment-1152331298