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 336

🔍 style-manager
#474423 de noviembre de 2022por ronaldohoch2 respuestas
Reacciones 0

Transformar, escalar y rotar no funcionan bien.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de BraveEnlace de demo reproducible https://jsfiddle.net/ptzavm1b/Describe el bicho ¿Cómo reproducir el bicho?Haz clic en un elementoIntenta añadir este estilo css usando la interfaz de StyleManager: 'transform:scal...

artf

Ya deberías poder conseguir el mismo efecto con la propiedad de transformación por defecto, la personalizada no está completa. Intenta consultar la configuración completa aquí. En caso de que quieras actualizar propiedades, deberías poder...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. ¡Gran sugerencia sobre Transformar escalar y rotar no funciona bien.! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Us...

#474323 de noviembre de 2022por JonathanRicheRespuesta 1
Reacciones 0

La propiedad stylePrefix no sobrepone el gjs en la mayoría de los elementos con la clase gjs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 107.0.5304.107 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/jonrobert/2gLdur9c/3/ Describe el bicho ¿Cómo reproducir el bicho?Modificar la propiedad stylePrefix en cualquiera de las...

ClaudeCode

Gracias por informar de esto, @JonathanRiche. Buena pregunta sobre que la propiedad de stylePrefix no sobrepone el gjs en la mayoría de los elementos con la clase gjs. El enfoque recomendado con StyleManager es usar la API orientada a even...

#473920 de noviembre de 2022por hemaltandel12 respuestas
Reacciones 0

Nombre de la clase CSS con '/' convertido a '-'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Edge Versión 107.0.1418.52 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/peaceful-glade-rbfbwt?file=/src/app/app.component.tsDescribe el bicho ¿Cómo reproducir el bicho?Crear una nueva app...

artf

Aún deberías poder usar la opción 'escapeName' '''js selectorManager: { escapeName: valor => valor }, ```

ClaudeCode

Gracias por informar de esto, @hemaltandel1. Buena pregunta sobre el nombre de la clase css con '/' convertido en '-'. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJ...

#472712 de noviembre de 2022por dreamsightRespuesta 1
Reacciones 0

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué…

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 107.0.5304.107 (Versión oficial) (64 bits) ChromeEnlace de demo reproducible NO HACE FALTA QUE NADIE PUEDA REPRODUCIRSEDescribe el bicho al guardar HTML y CSS, el programa se formatea Convierte CSS es decir, "@keyfr...

ClaudeCode

Gracias por informar de esto, @dreamsight. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modific...

#47199 de noviembre de 2022por ronaldohochRespuesta 1
Reacciones 0

Comportamiento extraño al intentar cambiar el color de botones y textos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproducible https://jsfiddle.net/qsd9zjrc/ Describe el bicho ¿Cómo reproducir el bicho?Abrir el enlace (https://jsfiddle.net/qsd9zjrc/)Intenta cambiar el color del textoIntenta cambiar el...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre Comportamiento extraño al intentar cambiar el color de botones y textos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la...

#47042 de noviembre de 2022por PaulSchultRespuesta 1
Reacciones 0

El Componente Angular como Selector de Color Personalizado solo se crea una vez

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 104.0.5112.101 Enlace de demo reproducible https://codesandbox.io/s/awesome-dewdney-bwo5t1 Describe el bicho ¿Cómo reproducir el bicho?Añadir el bloque de texto al contenido del editor Abrir el Style Manager y amp...

ClaudeCode

Gracias por informar de esto, @PaulSchult. ¡Gran sugerencia sobre Angular Component ya que el selector de color personalizado solo se crea una vez! Aunque esta función específica aún no está en la API principal, existen varias formas de lo...

#466918 de octubre de 2022por micker2 respuestas
Reacciones 0

El plugin Gradient no funciona en la versión 1.20

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome y Firefox Enlace de demo reproducible https://codepen.io/artf/full/bYwdQG/ Describe el bicho Implément gradiant plugin produce error JS https://github.com/artf/grapesjs-style-gradient https://github.com/artf/grapes...

artf

Sí, hay una nota sobre esta versión https://github.com/artf/grapesjs/releases/tag/v0.18.1 simplemente no he encontrado tiempo para actualizar esos plugins todavía (cualquier ayuda es bienvenida).

ClaudeCode

Gracias por informar de esto, @micker. El problema con el plugin Gradient que no funciona en la versión 1.20 parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos de...

#460121 de septiembre de 2022por bit-ocean4 respuestas
Reacciones 1

La actualización() de tipos personalizados añadidos a StyleManager ya no se activa al cambiar entre algunos objetivos.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium 104 Enlace de demo reproducible https://jsfiddle.net/aw8p0h9j/ Describe el bicho ¿Cómo reproducir el bicho?Abre el enlace de jsfiddle.Haz clic entre los divs y luego entre cualquiera de los divs y el fondo. ¿Cuál...

ronaldohoch

Lo mismo que se describe aquí, no es un problema: https://github.com/artf/grapesjs/issues/4350

artf

Sí, pero incluso en el caso de una interfaz personalizada, la actualización se omite si el valor no cambia, ya que no es necesario.

bit-ocean

El código que pegué está usando la API estándar, prácticamente copiada y pegada de la documentación. Y claramente el mecanismo de la actualización ha cambiado entre las versiones. Antes, si se había cambiado el elemento objetivo, se activa...

#457612 de septiembre de 2022por benryanwilliams4 respuestas
Reacciones 1

Al hacer clic en 'envolver para estilo' afecta los componentes internos de otros componentes dentro del mismo cuadro de texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 104.0.5112.101 Enlace de demo reproducible https://jsfiddle.net/7cLr0xt2/3/Describe el bicho ¿Cómo reproducir el bicho? Por alguna razón no puedo reproducir el error dentro del fiddle enlazado arriba, ya que la línea...

artf

RTE depende del contenido del DOM durante la edición, así que si lo eliminas deliberadamente con algo como '''js onRender() { this.el.innerHTML = this.model.get("displayedText") }, ``` Los componentes interiores se eliminarán una vez termi...

benryanwilliams

Vale, gracias @artf, tiene sentido. Sin embargo, esas líneas de código, junto con se requiere renderizar el estado seleccionado correcto dentro del lienzo de la siguiente manera (tanto al renderizar inicialmente el componente como cuando e...

benryanwilliams

Necesito hacer más pruebas, pero parece que he solucionado este comportamiento guardando los componentes internos dentro del propio componente al crearlo o editarlo, y luego usar el gancho 'rte:disable' de la siguiente manera: Parece un po...

#45739 de septiembre de 2022por ahmafi3 respuestas
Reacciones 1

ParseStyle no es una función

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 104.0.1Enlace de demo reproducible https://codesandbox.io/s/grapesjs-parsestyle-bug-13h771Describe el bicho ¿Cómo reproducir el bicho?Crear un componente personalizado con la propiedad 'style' en su 'modelo'.Utiliza...

Singwai

Esto se comporta como se espera. Hay dos teclas similares que pueden alterar el estilo del componente. ('estilos' y 'estilo') 'styles' toma una cadena CSS y se conecta una vez a la carga útil final. Normalmente defino el CSS por defecto o...

artf

Supongo que 'ParseStyle no es una función' se refiere a esto ya corregido: https://github.com/artf/grapesjs/pull/4520

ClaudeCode

Gracias por informar de esto, @ahmafi. Buena pregunta sobre ParseStyle no es una función. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específi...

Explora todos los temas