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
#625023 de octubre de 2024por maxming23332 respuestas
Reacciones 0

Prompt de la página clonada 'Conversión de estructura circular a JSON'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 129.0.6668.101Enlace de demo reproducible https://grapesjs.com/demoDescribe el bicho ¿Cómo reproducir el bicho? Abierto https://grapesjs.com/demo ejecuta este script en DevTools: '''js página const = editor. Páginas....

maxming2333

Además del método anterior, ¿hay alguna otra forma de copiar la página?

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre Prompt de página clon 'Conversión de estructura circular a JSON'. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la doc...

#624923 de octubre de 2024por yashvi20263 respuestas
Reacciones 0

Selector de color personalizado inicial

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible ---Describe el bicho editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); Después de iniciar, cuando se abre la paleta, ¿quiero ponerle un color? @artf Código de con...

NeonLexie

Esto parece interesante. No me importaría intentarlo.

yashvi2026

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema con selector de color personalizado inicializado parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida d...

#624822 de octubre de 2024por Frubl2 respuestas
Reacciones 1

Bug de showOffsets cuando el cuerpo del iframe tiene zoom

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a2hbxg0y/1/ Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrollo y escribir estilo de elemento para cuerpo iframe - zoom: n; ¿Cuál es el comportamient...

artf

No deberías editar el zoom del iframe, usa la API nativa

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre el bug de showOffsets cuando el cuerpo del iframe tiene zoom. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#621111 de octubre de 2024por jlafosse4 respuestas
Reacciones 0

Demasiada recursión

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0.2 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la demo de grapesjs y luego importa el siguiente html: '''html <div class="foob...

artf

Oye, @jlafosse gracias por el informe. No esperaría ese problema con la última versión: <img width="123" alt="Captura de pantalla 2024-10-21 at 19 00 04" src="https://github.com/user-attachments/assets/ff074a31-cd19-4547-bb27-596c92e16d64"...

jlafosse

¡De hecho, parece que eso ha solucionado el problema! ¡Gracias!

artf

🙌 Entonces cierre, gracias 🙇 ♂️

#62029 de octubre de 2024por klipto-inc2 respuestas
Reacciones 0

Javascript CDN no funciona en grapejs canvas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 129 Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho const newEditor = grapesjs.init({ fromElement: true, // Permitir componentes desde HTML contenedor: "#editor", lienzo: { guiones: [ "https://cdn....

artf

@klipto-inc, por favor crea el informe de errores con una demo en directo reproducible adecuada

ClaudeCode

Gracias por informar de esto, @klipto-inc. El problema con Javascript CDN que no funciona en grapejs canvas parece ser una condición de raza o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ci...

#618030 de septiembre de 2024por padcom4 respuestas
Reacciones 1

El método 'setValue()' de Trait no se llama cuando cambia el valor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://codesandbox.io/p/sandbox/withered-rgb-xmw8gk Describe el bicho ¿Cómo reproducir el bicho?Espacio abierto de código abiertoSeleccionar "cuerpo" (tipo: 'wrapper')...

padcom

¡Gracias! ¡He verificado y funciona como se espera!

padcom

Por lo que veo, el 'Trait.setValue()' no se llama cuando el valor viene de una entrada. En su lugar, se llama a 'setTargetValue()', que no comprueba si el método 'setValue()' de la definición de rasgos está presente. Además, el 'Trait.setV...

padcom

Intenté seguir esta discusión (https://github.com/GrapesJS/grapesjs/discussions/5793) para que funcionara, pero como puedes ver en el sandbox, simplemente no funciona.

#617225 de septiembre de 2024por yashvi20262 respuestas
Reacciones 0

Necesito soporte para temas oscuros en el editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible --- Describe el bicho Sería genial que añadieras cambio de temas en el editor, permitiéndome alternar entre temas oscuros y claros según mi preferencia.Código de conducta [X] Acepto segu...

artf

Por favor, utiliza las discusiones en lugar de los problemas de bugs

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema con Necesito soporte para temas oscuros en el editor parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#617124 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

Rastrear un seguimiento personalizado y almacenable con UndoManager

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v129 Enlace de demo reproducible No aplicable Describe el bicho HOLA @artf, Actualmente estoy implementando un editor con grapesjs en el que es posible añadir capítulos junto a las páginas ya existentes. He impleme...

artf

Hola @rhoenerSBS por favor evita abrir problemas de errores para preguntas.

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. El problema con [Pregunta]: Circuito personalizado almacenable con UndoManager parece ser un problema de condición de carrera o de gestión del estado. Esto suele ocurrir cuando los eventos del cic...

#615218 de septiembre de 2024por stpp24 respuestas
Reacciones 1

El CSS añadido mediante código personalizado persiste después de que se elimina un componente de código personalizado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de código personalizado con HTML + CSSEliminar un componente de código personalizado. ¿Cuál...

artf

Esto no está relacionado con el núcleo y debe abordarse a nivel de plugin. Por favor, crea el problema ahí y trataremos de encontrar el enfoque correcto.

mosh-tudor

@stpp2 Esto no es realmente un error; Es más bien una característica. :) Prueba a usar 'clearStyles': https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272

stpp2

Sí, 'clearStyles' ya está activado en mi caso, pero en muchos casos no parece funcionar bien. En cualquier caso, esperaría que el componente 'Código Personalizado' estuviera algo "contenedorizado" para que no deje nada en el documento al e...

#614310 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

ERROR/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v128 Enlace de demo reproducible https://jsfiddle.net/fjyk6n4a/2/ Describe el bicho Hola @artf, Actualmente estoy intentando envolver un componente en un componente de sección si aún no está envolvido. Estoy conect...

jasonvijayy

Hola @artf, Enlace reproducible También me cuelga cuando uso 'component.replaceWith()' junto con UndoManager. Esto solo ocurre cuando se activa 'replaceWith()' durante los eventos del ciclo de vida del editor (por ejemplo, 'cambiar:estado'...

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre BUG/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la d...

Explora todos los temas