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

#30098 de septiembre de 2020por BillTheGoat3 respuestas
Reacciones 3

Restringiendo la caída en el componente envolvente

Versión: 0.16.22 ¿Puedes reproducir el error de la demo? [ ] Sí [X] No - requiere editar js. ¿Cuál es el comportamiento esperado? El componente envoltorio no debería ser 'droppable' una vez que el atributo 'droppable' esté configurado como 'false'. ¿Cuál es el comportamiento actual?' No ocurre nada cuando se activa es...

RJCAM

Hola @BillTheGoat prueba esto después de init:

RJCAM

Creo que es porque el envoltorio no forma parte de DomComponents. Los DomComponents son solo los componentes dentro del envoltorio. :sonríe:

BillTheGoat

Hmmm. Lo probé porque la documentación de la API indica DomComponents.getWrapper() como su primera función, y sí aplica atributos como se ve en mi sandbox anterior. Me pareció doblemente extraño porque parece que la función editor.getWrapp...

#30087 de septiembre de 2020por trony20203 respuestas
Reacciones 0

Centro A División y fronteras redimensionables

1) ¿Cómo centrar un div dentro de otro div en el Gestor de Capas? ¿Qué botón debo usar? 2) ¿Cómo hacer que parezcan los bordes redimensionables de un bloque? ¡Gracias!

artf

¿Cómo centrar un div dentro de otro div en el Gestor de Capas? ¿Qué quieres decir? ¿Qué categoría?¿Cómo hacer que aparezcan los bordes redimensionables para un bloque? ¿Un bloque o un componente?

trony2020

Hola,¿Qué quieres decir?? ¿Qué categoría? Dentro de un bloque tenemos muchos divs anidados o no, seleccionando un div y pulsando algún botón para centrarlo en el div padre¿Un bloque o un componente? Bloquear

artf

Por favor, lee primero la documentación https://grapesjs.com/docs Evita mezclar terminologías como bloques/capas porque, desde mi punto de vista, lo que leo no tiene sentido

#30077 de septiembre de 2020por KishanRavindranRespuesta 1
Reacciones 1

No puedo arrastrar y soltar un componente fuera de la forma de recibir una advertencia.

ADVERTENCIA Versión: 0.16.22 ¿Puedes reproducir el error de la demo? [1] Sí [ ] No No se puede arrastrar y soltar el cuadro de entrada o de texto ni seleccionar del bloque de formularios Cada vez que arrastro y suelto un componente de entrada, obtengo lo siguiente ! imagen Cuando intento arrastrar y soltar una entrada...

RJCAM

Hola @KishanRavindran eso no es un error, es el comportamiento por defecto del editor. Consulta estos números #2812 y #2180 para más información.

#30067 de septiembre de 2020por ashercorenRespuesta 1
Reacciones 0

No hagas bucles sobre objetos con un bucle for in

Versión: 0.16.22 ¿Puedes reproducir el error de la demo? [-] Sí [ ] No ¿Cuál es el comportamiento esperado? El bucle sobre objetos debe hacerse usando 'Object.keys.forEach...', y no con un bucle for-in. Hacer bucle sobre objetos con un bucle for in incluirá propiedades que se heredan a través de la cadena prototipo. E...

ashercoren

Esto causó un error en nuestra aplicación porque estamos usando un paquete que añade propiedades al prototipo del objeto. Al intentar inicializar un editor de grapes.js nos aparece un error en la consola. ! imagen

#30057 de septiembre de 2020por Davidvlv3 respuestas
Reacciones 1

ERROR: Layer manager appendTo duplica las capas cada vez que grapesjs está en it.

Versión: 0.16.18 en adelante (El problema apareció en algún momento después de la 0.15.3, no estoy seguro de cuándo) ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? En grapesjs.init(), el gestor de capas con appendTo debería reemplazar las capas por una nueva ¿Cuál es el comp...

artf

Mmm, sinceramente no veo cómo podría haber funcionado antes, pero lo arreglaré en la próxima versión

RJCAM

Hola @Davidvlv que estás añadiendo las capas fuera del elemento div "gjs" para que puedas ver que cuando quitas el editor grapesjs (con el botón de eliminar) el panel de capas sigue ahí porque, como si lo estuvieras haciendo, estás separan...

Davidvlv

Gracias @RJCAM, veo cómo arreglarlo. El problema es que este no era el comportamiento anterior antes de actualizar de 0.15.3 a 0.16.18; antes gestionaba bien el appendTo al reinicializar. Así que sigo pensando que este es un error que se h...

#30045 de septiembre de 2020por Bakino2 respuestas
Reacciones 0

PREGUNTA: propiedades de estilo personalizadas para cambiar de clase

Hola, Gracias por este buen editor. En mi proyecto, quiero ajustar las clases de componentes usando el gestor de estilos. Por ejemplo, estoy usando bootstrap y quiero que el usuario pueda aplicar clases como bg-danger y bg-primary desde un dropbox en lugar de introducir el nombre de la clase manualmente. Sé que puedo...

artf

Hay una opción que te permite indicar qué objetivo seleccionar (clases o estilo específico de componente) https://github.com/artf/grapesjs/pull/2474 (en tu caso 'componentFirst' debería estar desactivado) Desafortunadamente, la interfaz de...

Bakino

Gracias por tu respuesta :)

#30024 de septiembre de 2020por jcamejo2 respuestas
Reacciones 0

ERROR: Las propiedades de CSS no se cargan correctamente si el panel del gestor de estilos no está activo en la inicialización

¡Hola @artf! Déjame describir el problema Versión: 16.22 ¿Cuál es el comportamiento esperado? Los valores de propiedades y la configuración de visibilidad de CSS deberían tener la configuración correcta Describe el error detallado Si el gestor de estilos no está activo al cargar el editor, cuando haces clic en un elem...

artf

Supongo que también tenemos que llamar a 'checkVisibilidad' en 'render' (probablemente antes de la llamada onRender)

artf

Cierro este porque esperaría que esto se solucionara desde la v0.18.*

#30014 de septiembre de 2020por pjdevries3 respuestas
Reacciones 2

El temido diálogo de 'confirma que quieres irte'.

Por ahora, principalmente como un proyecto de hobby, estoy intentando integrar GrapesJS en Joomla. como plugin de edición. La forma en que la mayoría de los plugins de editor se implementan en Joomla! es usando un '<textarea>' para guardar los datos del editor como cualquier <form>otro campo ''. Tengo una prueba básic...

Ju99ernaut

#2805

pjdevries

@artf ¡Disculpa!

artf

@pjdevries próxima vez responde a tu propio problema y ciérralo si está resuelto, gracias :)

#30004 de septiembre de 2020por alemenciones2 respuestas
Reacciones 0

¿Cómo eliminar una regla de estilo de CssCompoer?

Hola tío, estoy intentando eliminar una regla de estilo, ¿alguna antítesis de CssComposer.setRule(".selector") ? ¡Muchas gracias!

longdoan7421

Desafortunadamente, GrapesJS no tiene ninguna función integrada como 'CssComposer.removeRule'. Sin embargo, podrías hacerlo con una solución temporal como esta:Obtén todas las reglas usando 'CssComposer.getAll()', te devolverá una Colecció...

artf

@longdoan7421 es correcto, pero en la segunda solución usaría 'CssComposer.getRule' directamente '''js const willBeRemoveRules = editor. CssComposer.getRule (willBeRemoveSelector); ```

#29993 de septiembre de 2020por jenter3 respuestas
Reacciones 0

Problemas de ordenación de arrastre en el Componente Web con Shadow Dom desactivado

Version 16.10 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Que GrapesJS puede soportar la interacción de arrastrar y ordenar con Web Components personalizados que no tienen activado el Shadow DOM. Describe el bicho Hola, usamos GrapesJS extensamente e integramos muchos de...

artf

Este bug/solicitud no es solo para StencilJS, sino en general con Web Components y el Shadow DOM. ¿Existen buenas prácticas con uvas y componentes web para habilitar o rastrear eventos que medien estos problemas? No trabajo mucho con Web C...

jenter

@artf de nada, gracias por la rápida respuesta. He importado mi biblioteca personalizada de componentes web aquí en este Fiddle para demostrar el problema: https://jsfiddle.net/jenter77/5btn2ao7/25/ ! violínOrden Si haces referencia a mi r...

artf

Hola Jason, he intentado ver qué está pasando dentro del editor y no estoy seguro de cómo la opción 'sombra' afecta realmente a este comportamiento, pero el principal problema que veo es ese elemento dinámico '<div class="delayed--wrapper"...

Explora todos los temas