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 545

🔍 typescript
#632422 de noviembre de 2024por badiuciprian4 respuestas
Reacciones 2

Sorter.setDragHelper no es una función sobre arrastre de bloques

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? 131.0.6778.86Enlace de demo reproducible https://jsfiddle.net/badiuciprian/qe28obhr/1/Describe el bicho ¿Cómo reproducir el bicho?intenta arrastrar cualquier bloque al lienzo ¿Cuál es el comportamiento esperado? El componen...

mohamedsalem401

Conseguí reproducirlo. Solo ocurre en 'nativeDnD: false'. Probablemente esto haga que la vista de bloques use la API del clasificador antiguo. Intentaré intentar intentar una solución para esto.

artf

@mohamedsalem401 puedes comprobar este, por favor?

badiuciprian

Gracias por encargarte de esto. Estaré atento a la actualización.

#631820 de noviembre de 2024por tonypapousek4 respuestas
Reacciones 3

No se puede usar relleno transparente en Bloquear media svg

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS'[email protected]' cuando se presentó esta cuestión¿Qué navegador usas? Firefox 132, Chrome 131Enlace de demo reproducible https://jsfiddle.net/x54f9v68/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque personalizado, con la propied...

samex

Creo que depende del SVG específico que se use. Si miras los otros iconos SVG, notarás que no tienen un atributo de relleno (en línea) en la <svg> etiqueta principal, sino en las <path> etiquetas hijas. Al establecer el atributo fill="none...

tonypapousek

@samex Especificar 'fill="none"' funcionó, ¡gracias! Eso sin duda ayudará a que mis cosas personalizadas funcionen de forma más predecible. Más allá de eso, creo que el principal problema sería intentar usar SVGs de terceros (por ejemplo,...

artf

Sí, cerraría este porque no está estrictamente relacionado con el núcleo en sí, pero gracias por señalarlo

#630813 de noviembre de 2024por maxming23333 respuestas
Reacciones 0

React Custom UI 'Modal' No puede mostrar 'Code'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 130.0.6723.117 Enlace de demo reproducible https://stackblitz.com/edit/grapesjs-react-custom-ui?file=src%2FApp.tsx Describe el bicho ¿Cómo reproducir el bicho?abrir https://grapesjs-react-custom-ui.stackblitz.io/Haz clic...

danstarns

Hola @maxming2333, prueba a hacer clic en cualquier parte del área resaltada en el cuadro de texto, para mí carga el código... https://github.com/user-attachments/assets/89f61dc6-466a-476a-b437-d0f8ae51c7ef

maxming2333

Hola @maxming2333, prueba a hacer clic en cualquier parte del área resaltada del cuadro de texto, para mí carga el código...Screen.Recording.2024-11-19.at.23.21.03.mov Sí, efectivamente puede mostrarse después de hacer clic en el área de l...

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre React Custom UI 'Modal' Unable unable display 'Code'. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grape...

#630712 de noviembre de 2024por maxming2333Respuesta 1
Reacciones 0

El componente MJML 'tagUpdated' hará imposible que el 'pasador del cursor' sea

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 130.0.6723.117 Enlace de demo reproducible https://grapesjs.com/demo-mjml Describe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente al azar, como la segunda 'sección mj' en la página de demostraciónColoca el c...

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre MJML Component 'tagUpdated' que hará imposible 'pasar el cursor'. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documen...

#627125 de octubre de 2024por padcom4 respuestas
Reacciones 1

Arrastrar y soltar componentes no funciona en Firefox más reciente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0 (64 bits) en Linux y Mac Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Empieza a arrastrar el botón "Pasa el cursor por mí"Intenta ponerlo encima de "Todos...

padcom

¡Sois geniales! Y no un momento demasiado pronto :) Hoy tengo una presentación por la tarde y ahora podré mostrarla funcionando también en Firefox.

padcom

He localizado el cambio repentino en Firefox hasta la versión 109.0. Es el primero que tiene el problema. La versión 108.0.2 funciona bien. Espero que eso ayude.

padcom

También he probado 133.0a1 cada noche desde 2024-10-24-21-16-15-mozilla-central y el problema también está ahí.

#626324 de octubre de 2024por yashvi20264 respuestas
Reacciones 1

Los enlaces duplicados se añaden usando rte

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://codepen.io/Harshsne/pen/xxoOyXODescribe el bicho ¿Cómo reproducir el bicho?Añadir enlace a una palabra usando RTE, se añade el componente de enlace Ahora escribe algo después del co...

sirbeagle

Alight: lo único malo es que quizá nunca sepamos cuál fue la solución. @artf - Creo que podemos cerrar este número.

sirbeagle

He estado trasteando bastante con esto y puedo reproducir el error en el Codepen que @yashvi2026 proporcionado. Mis pasos para reproducirme (la mayoría de las veces) son muy similares: Escribe dos palabras con numerosos espacios entre ella...

yashvi2026

Sí. Después de actualizar a la última versión, este problema no ocurre.

#626024 de octubre de 2024por hr12012 respuestas
Reacciones 0

Un error cuando uso component:clone en un component

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Microsoft Edge 130.0.2849.46Enlace de demo reproducible https://jsfiddle.net/uwybfd98/Describe el bicho ¿Cómo reproducir el bicho?seleccionar el componente del carruselhaz clic en el espacio en la esquina superior derecha o...

artf

@hr1201 onRender puede activarse muchas veces, nunca deberías poner oyentes ahí si no limpias bien. Tu lógica también está puramente relacionada con modelos, así que ni siquiera debería estar en la vista, solo mueve tu código en el método...

ClaudeCode

Gracias por informar de esto, @hr1201. Buena pregunta sobre un error cuando uso component:clone en un component. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

#625023 de octubre de 2024por maxming23332 respuestas
Reacciones 0

Prompt de la página clonada 'Conversión de estructura circular a JSON'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 129.0.6668.101Enlace de demo reproducible https://grapesjs.com/demoDescribe el bicho ¿Cómo reproducir el bicho? Abierto https://grapesjs.com/demo ejecuta este script en DevTools: '''js página const = editor. Páginas....

maxming2333

Además del método anterior, ¿hay alguna otra forma de copiar la página?

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre Prompt de página clon 'Conversión de estructura circular a JSON'. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la doc...

#624822 de octubre de 2024por Frubl2 respuestas
Reacciones 1

Bug de showOffsets cuando el cuerpo del iframe tiene zoom

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a2hbxg0y/1/ Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrollo y escribir estilo de elemento para cuerpo iframe - zoom: n; ¿Cuál es el comportamient...

artf

No deberías editar el zoom del iframe, usa la API nativa

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre el bug de showOffsets cuando el cuerpo del iframe tiene zoom. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#621111 de octubre de 2024por jlafosse4 respuestas
Reacciones 0

Demasiada recursión

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0.2 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la demo de grapesjs y luego importa el siguiente html: '''html <div class="foob...

artf

Oye, @jlafosse gracias por el informe. No esperaría ese problema con la última versión: <img width="123" alt="Captura de pantalla 2024-10-21 at 19 00 04" src="https://github.com/user-attachments/assets/ff074a31-cd19-4547-bb27-596c92e16d64"...

jlafosse

¡De hecho, parece que eso ha solucionado el problema! ¡Gracias!

artf

🙌 Entonces cierre, gracias 🙇 ♂️

Explora todos los temas