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 3,464

#635413 de diciembre de 2024por RakulAgn2 respuestas
Reacciones 0
bugquestioncanvas

ErrorTipo no capturado: No se pueden establecer propiedades de null (configurar '_isEditor')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Simplemente visita el sitio de demostración de Grapesjs, el lienzo no se ha representado ¿Cuál es el comportamiento...

artf

Cerrando esto mientras la demo parece funcionar bien, quizá tenga que ver con la caché o las extensiones del navegador

ClaudeCode

Gracias por informar de esto, @RakulAgn. Buena pregunta sobre ErrorTipoUncatch: No se pueden establecer propiedades de null (configurar '_isEditor'). El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

Ver detalles
#63487 de diciembre de 2024por Frubl2 respuestas
Reacciones 1
questionbugdocumentationcanvastypescript

Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Prueba a seleccionar, por ejemplo, herramientas/texto/todo en la barra lateralAgárrala y déjala caer sobre la l...

artf

Puedes tomar el control de lo que se deja caer dentro del lienzo mediante el evento 'canvas:dragdata' https://jsfiddle.net/artur_arseniev/87rcb24n/

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre Es posible arrastrar y soltar literalmente cualquier cosa dentro del lienzo de grapesjs. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consult...

Ver detalles
#63456 de diciembre de 2024por VanTranTrucPhuong2 respuestas
Reacciones 1
questionbugkeyboard

No se puede seleccionar + SHIFT para seleccionar texto masivo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 131.0.6778.109 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor Describe el bicho ¿Cómo reproducir el bicho?Coloca el puntero del ratón en la posición inic...

sirbeagle

Creo que he atribuido esto a un conflicto con la capacidad de seleccionar varios bloques al mismo tiempo. Comentando '''s Esto.ClearSelection(esto. Canvas.getWindow()); ``` En la línea 539 de /src/editor/model/Editor.ts parece impedir que...

ClaudeCode

Gracias por informar de esto, @VanTranTrucPhuong. Buena pregunta sobre No se puede seleccionar + SHIFT para seleccionar texto en bloque. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

Ver detalles
#633226 de noviembre de 2024por tim-promRespuesta 1
Reacciones 0
questionbugcanvastypescript

IMG SRCset 404 causa bucle de peticiones infinito

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v131Enlace de demo reproducible https://jsfiddle.net/cmq9end2/1/Describe el bicho ¿Cómo reproducir el bicho?Añadir un img al lienzo con una URL inválida en el srcset Revisa la pestaña de red en la consola de desarrol...

ClaudeCode

Gracias por informar de esto, @tim-prom. Buena pregunta sobre img srcset 404 causa bucle de peticiones infinito. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

Ver detalles
#632422 de noviembre de 2024por badiuciprian4 respuestas
Reacciones 2
bugquestioncomponentscanvastypescript

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.

Ver detalles
#631820 de noviembre de 2024por tonypapousek4 respuestas
Reacciones 3
questionstyle-managerbugtypescript

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

Ver detalles
#630813 de noviembre de 2024por maxming23333 respuestas
Reacciones 0
questionbugtypescript

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

Ver detalles
#630712 de noviembre de 2024por maxming2333Respuesta 1
Reacciones 0
questionbugcomponentstypescript

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

Ver detalles
#62965 de noviembre de 2024por maneeshp972 respuestas
Reacciones 0
componentsbugquestiondocumentationcanvas

Los componentes personalizados de React se envuelven dentro de un div

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arc v1.61.1 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-n6sff Describe el bicho @artf Antes que nada, gracias por esta increíble biblioteca. Estaba intentando crear componentes personali...

artf

Sí, eso es lo esperado desde la perspectiva de la demo. Puedes trastear con el código y encontrar tu solución, pero cierro esto porque no es un error principal.

ClaudeCode

Gracias por informar de esto, @maneeshp97. El problema con componentes react personalizados que se envuelven dentro de un div parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del...

Ver detalles
#62904 de noviembre de 2024por svex992 respuestas
Reacciones 1
questionbuggeneral

Las fuentes de datos se ignoran cuando se cargan desde los datos del proyecto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefix v132.0 Enlace de demo reproducible https://jsfiddle.net/skdegqun/4/ Describe el bicho ¿Cómo reproducir el bicho?Ejecutar el fiddle puede apreciarse en los registros que las fuentes de datos pasadas al inicializar...

artf

Tienes que esperar hasta que el editor esté listo. '''js editor.onReady(() => { console.log('El total de fuentes de datos debería ser 1:', editor. DataSources.getAll().length) console.log('debería existir una fuente de prueba:', editor. Da...

ClaudeCode

Gracias por informar de esto, @svex99. Buena pregunta sobre Las fuentes de datos se ignoran cuando se cargan desde los datos del proyecto. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la do...

Ver detalles

Explora todos los temas