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 743

🔍 bug
#276512 de mayo de 2020por svalenciano813 respuestas
Reacciones 2

Tecla de retroceso activando hacia atrás

Hola, en grapesjs en Firefox 75.0, cuando se pulsa "tecla de retroceso" (evento.que === 8), el navegador retrocede y se pierde grapesjs. Para reproducirlo: Abrir el navegador Firefox URL abierta: https://grapesjs.com/ Haz clic en: "Demo del boletín" pero Eliminar un elemento de la "tecla de retroceso" del editor usign...

artf

Debería arreglarse en la próxima versión

artf

@juice77 el problema se solucionó en la última versión https://github.com/artf/grapesjs/compare/v0.16.17...v0.16.18

tiptronic85

Sí, esto es muy molesto

#26972 de abril de 2020por kuhelbeher3 respuestas
Reacciones 1

Problema con el tipo de componente personalizado y la celda de la tabla

¡Hola! Estoy intentando añadir un tipo de componente personalizado: '''javascript domc.addType('image-block', { extender: 'celda', modelo: { valores predeterminados: función () { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: 'td', nulo: falso, Droppable: Cierto } } }, isComponent (el) {...

artf

@kuhelbeher tu código es correcto (excepto 'extend: 'cell'' y no 'extendes: 'cell'), desafortunadamente, hay un bug (o una lógica defectuosa) aplicada en el componente de fila, así que, por ahora, sugeriría añadir esto como un parche: '''j...

noogen

@kuhelbeher porque tu componente es una 'tabla' según la definición de contenido de arriba y no un 'td' como se define en tu addType de la propiedad 'TagName'?

kuhelbeher

@noogen no creo que el problema esté en esto. Intenté definir componente y bloque así: '''javascript domc.addType('custom-cell', { extiende: 'célula', modelo: { Predeterminados: { removible: falso, nombre: 'Celda personalizada', Tipo: 'cél...

#268124 de marzo de 2020por wemod1233 respuestas
Reacciones 2

El método destroy() no eliminó completamente los eventos

Versión: Última: V-0.16.3. importante: Actualiza de la v-0.15.9 a la v-0.16.3 mientras mantienes todo igual, el error aparecerá en consola: Este error muestra que hay un error en la función 'getFrameOffset', cerca de la posición: 'e.ownerDocument.defaultView.frameElement': Consulte Esta línea de código Comprobar la pi...

emilsedgh

Estoy de acuerdo en que esto debe reabrirse y arreglarse dentro de la función de destrucción.

emilsedgh

¡Gracias@artf! 🙏

artf

Gracias por el informe @wemod123 ¿Puedes crear una demo en directo reproducible del problema?

#265616 de marzo de 2020por abozhinov3 respuestas
Reacciones 1

Posición incorrecta de la barra de herramientas al duplicar un componente hijo

Hola, Puedes consultar este ejemplo: https://codepen.io/abozhinov/pen/XWbqjEJ Pasos para reproducir el problema:Si existen componentes, elimínalos todos.Arrastra un nuevo bloque de carrusel. Selecciona el primer recipiente para niños.Haz clic en el icono DUPLICADO para crear un nuevo componente.Después de eso, intenta...

abozhinov

Cuando sobrescribes estos dos métodos en el comando 'select-comp', todo funciona perfectamente. El problema era que "el" no existe en el DOM. ` onHovered(em, component) { Sea el resultado = {}; si (componente) { const { view } = component;...

abozhinov

El mismo resultado que puedes obtener cuando el trigger renderiza en vez de reiniciar.

abozhinov

@artf si lo pruebas en la demo es igual. Solo tienes que arrastrar el carrusel y hacer clic en la diapositiva. <img width="1440" alt="Captura de pantalla 2020-03-16 at 14 58 23" src="https://user-images.githubusercontent.com/1404839/767606...

#257117 de febrero de 2020por h3llomoto3 respuestas
Reacciones 0

Visibilidad en capas btn

Si cambio el estado de la visibilidad del BTN, GJS elimina el estilo de pantalla y luego, cuando hago clic en "mostrar capa", no restaura el estilo de visualización. Creo que es un error. GJS debería guardar las opciones de la pantalla actual en el botón de visibilidad de capas, haz clic para restaurarla.

artf

Estoy de acuerdo 👍

h3llomoto

Vale, chicos, he encontrado un corrección rápida para este problema si necesitáis: '''javascript sea itmView = editor. LayerManager.getAll(); itmView.proto.toggleVisibility = función(e) { e & & e.stopPropagation(); modelo const = este.mode...

artf

Gracias @h3llomoto la lógica es totalmente correcta, haré el mismo cambio pero un poco más idiomática

#25474 de febrero de 2020por sdrebel3 respuestas
Reacciones 0

No se puede arrastrar un elemento si el estilo tiene valores inferiores o derechos

Hola @artf, Si algún componente CSS tiene valores inferiores o derechos, no se pueden arrastrar a ellos. Los valores se generan como NaN. Adjunto la captura de pantalla para tu referencia. ! imagen

artf

¿Se puede crear una demo reproducible?

sdrebel

¿Puedes crear una demo reproducible? Hola @artf Aquí está el enlace de la demostración https://jsfiddle.net/fn43hpj1/2/ Puedes comprobar el componente 'Popup'. Como en modo arrastrable el estilo se sobrescribe, estoy recibiendo el método d...

artf

Como en modo arrastrable el estilo se sobrescribe, me sale el método de estilo y actualización en Render. Sí, eso se arreglará en la próxima versión, lo comprobaré más adelante con tu ejemplo

#250814 de enero de 2020por alexiswbr3 respuestas
Reacciones 1

Propiedad arrastrable añadida en los componentes de texto HTML finales

Este bug también está en la demo online: https://grapesjs.com/demo.htmlAñadir un bloque de texto a la página, empezar a escribir y pulsar enter para hacer varias líneas de ruptura.Desseleccionar el bloque.Haz doble clic en el bloque para empezar a editar de nuevo. Ahora, si haces clic en el botón "ver código", verás q...

artf

Vale, intentaré investigar esto

pouyamiralayi

@alexiswbr usando el fragmento siguiente, los ''div''''s se convertirán en ''br's como comportamiento esperado:

obrazkow

Yo uso esta forma para evitar la transformación a componente y mantener el HTML original. Simplemente anula el componente que necesites, por ejemplo 'texto', o crea uno nuevo. Quizá no sea una buena solución, pero funciona :)

#250110 de enero de 2020por senchdenRespuesta 1
Reacciones 0

Los rasgos de vídeo no se propagan a atributos al analizar vídeo

Comportamiento esperado: Tras comprobar ciertos atributos de vídeo HTML5, estos persisten tras las recargas y las casillas reflejan el estado actual. Comportamiento real: Tras recargar un vídeo cuyos atributos ya se han configurado, las casillas muestran el valor predeterminado establecido. Pasos para reproducirse:Sel...

artf

He encontrado el problema, se solucionará en la próxima versión

#24988 de enero de 2020por obrazkow3 respuestas
Reacciones 1

Error al intentar mover celda desde la fila.

El bug #2478 tras su lanzamiento sigue existiendo. Repite los pasos y obtendrás el error Uncaught TypeError: No se puede leer la propiedad 'indexEl' de undefined. Puede ser para reproducir en tu demo

artf

No 🤦 ♂️ Se arreglará en la próxima versión. Gracias @bgrand-ch

artf

Vale, parece que también tenemos que arreglar la función 'endMove'

bgrand-ch

@artf liberado, cerrado?

#247829 de diciembre de 2019por obrazkow3 respuestas
Reacciones 0

Error al intentar mover celda desde la fila

Si intenta mover celda desde la tabla en el cuerpo, entonces aparece error ! imagen También aparece error en la demo de grapesjs https://grapesjs.com/demo-newsletter-editor.html

obrazkow

Problema en Clasificador. función dimsFromTarget devuelve un array vacío, cuando el elemento objetivo no está en la lista arrastrable véase https://github.com/artf/grapesjs/blob/dev/src/utils/Sorter.js#L644(objetivo no encontrado) https://...

artf

¿Puedes decirme exactamente cómo reproducir el error? Porque no veo ningún error al arrastrar la celda

obrazkow

Primer error.Selecciona envoltorio de celda (ver en la captura de pantalla) y prueba a arrastrarloEn consola aparecerán errores ! imagen Para más detalles adjunto el enlace a dos archivos de vídeo. Cuando intenté reproducirme, encontré otr...

Explora todos los temas