Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 336

🔍 style-manager
#443410 de julio de 2022por Singwai2 respuestas
Reacciones 1

La forma del analizador CSS no permite definir la propiedad CSS más de una vez.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? CualquieraEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho El bicho está relacionado con 'ParserCss.js'. https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8 El analizador...

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

#44329 de julio de 2022por booellean2 respuestas
Reacciones 0

El Administrador de Deshacer crea CSS duplicado durante un comando personalizado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 103.0.5060.66 (Versión Oficial) (64 bits) (cohorte: Estable) Enlace de demo reproducible https://codesandbox.io/s/cranky-morning-fh5diz?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?Colocar la "imagen" person...

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

#441327 de junio de 2022por YaseenHajajweh2 respuestas
Reacciones 1

StyleManager.addProperty , tipo: 'select' , No se pueden leer propiedades de undefined (leyendo 'replace')

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome Versión 103.0.5060.53 (Versión oficial) (x86_64)Enlace de demo reproducible Proyecto privadoDescribe el bicho Estoy intentando añadir una propiedad a mi sector personalizado y al tipo de propiedad (Select), una vez q...

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

#441127 de junio de 2022por zgeist4 respuestas
Reacciones 2

XSS al añadir el nombre de la clase al Selector Manager

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v102 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?Seleccionar cualquier componenteAñadir el nombre de la clase al Selector Manager como '<a href="#"onclick='...

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!

#440021 de junio de 2022por shelendravashishtha23 respuestas
Reacciones 1

El deslizador del carrusel de arranque no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible SIN ENLACE Describe el bicho ¿Cómo reproducir el bicho?... Añadir Bootstrap en la función de entrada de GrapesJS... Añadir el componente deslizante según la documentación de arranque......

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

#437613 de junio de 2022por iamqinglong2 respuestas
Reacciones 0

El componente personalizado no seleccionado también escuchará el evento 'styleable:change'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 100 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Suelta dos o más componentes personalizados <img width="1230" alt="Captura de pantalla 2022-06-10 a las 3 1...

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

#437110 de junio de 2022por clonefunnels4 respuestas
Reacciones 3

Todos los editores se rompieron tras la última actualización que rompió el administrador de almacenamiento.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://www.teamfunnels.net/login.php demo demo Describe el bicho Por favor, ayudadme a entender cómo arreglar todo lo que ha roto esta actualización. No entiendo por qué no lo harías co...

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

#435631 de mayo de 2022por Justin83032 respuestas
Reacciones 0

Selector:Remove evento no existe

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 101 Enlace de demo reproducible https://jsfiddle.net/sdrf72wx/1/ Describe el bicho ¿Cómo reproducir el bicho?ejecutar el código a continuación al inicializar el editorañadir y eliminar un selector de un componenteM...

artf

Bueno @Justin8303 'selector:remove' se refiere al contenedor global de selectores, así que solo se activa cuando el selector se elimina realmente de la colección global y no del componente. Cuando quitas el selector del componente, sigue e...

ClaudeCode

Gracias por informar de esto, @Justin8303. Buena pregunta sobre selector:eliminar evento no existe. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu mó...

#435026 de mayo de 2022por ronaldohoch3 respuestas
Reacciones 1

El Gestor de Estilos no actualiza el segundo plano cuando se selecciona un componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Browser V1.39.111 Enlace de demo reproducible https://jsfiddle.net/e7oau8v6/ Describe el bicho ¿Cómo reproducir el bicho?Poner una columna en lienzo. ! imagenSelecciona el componente de textoVe a la pestaña de estil...

artf

Hola @ronaldohoch el problema aquí es con tu historial de tipos personalizados y la forma en que lo añades no es correcta (uso correcto de la API). El 'addType' es principalmente para añadir nuevas entradas de interfaz; si no necesitas un...

tuongnguyendev

Hola @artf, tengo un problema bastante similar al @ronaldohoch cuando uso la última versión de GrapesJS Vista previa de imagen de fondo mostrar enlace de error Los detalles están en la imagen de abajo: ! Captura de pantalla 2022-06-01 a la...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre El Style Manager no actualiza el segundo plano cuando se selecciona un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: C...

#434120 de mayo de 2022por senthil177cse4 respuestas
Reacciones 0

Al añadir estilo de borde para componentes Html, css json solo busca para selector de bordes, no para selector de ancho de borde, estilo borde, color-bug:

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v101.0.4951.54 Enlace de demo reproducible https://jsfiddle.net/7sn5h91r/7/ Describe el bicho Mi problema es que el ancho de propiedades del borde de estilo, el estilo y el color no se actualizan en JSON aunque lo...

aharishsundhar

@artf cómo solucionar este problema, me enfrento a los mismos problemas en mi lado en la última versión v0.18.4 relleno: 0 0 0 0, relleno-arriba: "", relleno-abajo: "", relleno-derecho: "", relleno-izquierdo: "",

senthil177cse

Hola @aharishsundhar... Según mi conocimiento, en lugar de usar relleno: 0 0 0 0; Solo puedes añadir acolchado arriba, acolchado abajo, acolchado izquierdo, relleno derecho...

aharishsundhar

@senthil177cse tengo los mismos problemas con el relleno: 0 0 0 0; También crearon las propiedades de creación pero vacías de relleno, ¿cómo solucionar el problema? ¿Son sus problemas con Grapesjs v0.18.4?

Explora todos los temas