Problemas con GrapesJS

GJS Helper

El problema que tienes con el valor de min que no afecta a la visualización inicial de 0 para border-width es un punto común de confusión. La propiedad min en GrapesJS gestor de estilos afecta principalmente a los controles de stepper/desl...

mohamedsalem401

Oye, he revisado tu código e intentado depurarlo. Me parece que el código no está pasando el evento del ratón al método onActive, que es necesario: '''js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

GJS Helper

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre posición del cursor mal colocada. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...

ChipiKaf

@artf tengo una solución local. Básicamente, lo que hago es comprobar si el elemento tiene un padre con posición relativa, y luego desplazo el rectángulo por la altura del padre si existe y es relativo a la posición. ¿Puedo crear un récord...

GJSBlock

Gracias por informar de esto, @ChipiKaf. Buena pregunta sobre El redimensionamiento del hijo con posiciones habilitadas por arrastre absoluto se altera incorrectamente cuando está en el padre con posición relativa. El enfoque recomendado c...

DarrenHou1993

Este cambio soluciona el problema de la interfaz, pero aquí introduce un problema de valor. Al establecer el radio de la esquina inferior izquierda, en realidad modifica la esquina inferior derecha.

GJS Helper

El problema que has identificado respecto al orden de visualización intercambiado de border-bottom-left-radius y border-bottom-right-radius en el Style Manager de GrapesJS es una peculiaridad conocida en la configuración predeterminada de...

artf

Sí, eso no está soportado porque podría haber implicaciones de rendimiento al intentar igualar cualquier posible regla ahí. Lo que sí puedes hacer es seleccionar cualquier regla a través de styleManager.select

MLMarxx

Vale, gracias por la aclaración; actualmente uso select, ¿alguna idea de cómo dirigir las etiquetas de medios de esa manera?

artf

Puedes obtener el CSSRule que necesitas ('getRule') y luego pasarlo a styleManager.select

artf

Gracias @rhoenerSBS el problema se solucionó aquí y estará disponible en la próxima versión.

GJS Helper

La opción appendOnClick en el BlockManager de GrapesJSestá efectivamente rota en versiones recientes, lo que provoca el error de Uncaught TypeError: c.setDropContent is not a function . Este problema se debe a un cambio en cómo el BlockVie...

GJSBlock

Gracias por informar de esto, @Harshsne26. Buena pregunta sobre !importante se añade a todos los estilos de componentes. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

artf

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

GJS Helper

El error de Uncaught TypeError: Cannot set properties of null (setting 'isEditor') , especialmente cuando se encuentra en el sitio de demostración de GrapesJS con un lienzo en blanco, indica un fallo crítico durante el proceso de inicializ...

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/

GJS Helper

El problema que has reportado, donde elementos arbitrarios fuera del lienzo de GrapesJS (incluidas partes de la interfaz del editor) pueden arrastrarse y soltarse en el lienzo, es un comportamiento común derivado de la funcionalidad nativa...

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

GJS Helper

Te has encontrado con un problema común en el que la selección de texto en el Editor de Texto Enriquecido de GrapesJS (RTE) no resalta visualmente el texto seleccionado, aunque la selección en sí sea funcional (por ejemplo, puedes copiar e...