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 466

🔍 components
#461223 de septiembre de 2022por Drew-Daniels2 respuestas
Reacciones 1

No se pueden colocar componentes MJML en un lienzo en blanco después de la versión 0.19.4

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 105.0.5195.125 (Versión oficial) (x86_64) Enlace de demo reproducible https://codesandbox.io/s/grapesjs-grapesjs-mjml-react-bug-w7qtec?file=/src/index.js Describe el bicho ¿Cómo reproducir el bicho?Empieza con un lienzo e...

artf

Gracias por el informe, Drew, esto parece estar relacionado con el modo Standards de los iframes. Por ahora, para solucionarlo, te sugeriría cambiar al modo Quirks eliminando el doctype: '''js grapesjs.init({ // ... lienzo: { frameContent:...

ClaudeCode

Gracias por informar de esto, @Drew-Daniels. Buena pregunta sobre No se pueden colocar componentes MJML en Blank Canvas después de la versión 0.19.4. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí:...

#460622 de septiembre de 2022por bit-ocean2 respuestas
Reacciones 0

Un error de decodificación de guiones en la página de documentación "Commponent & JS".

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Irrelevante para el asunto Enlace de demo reproducible https://grapesjs.com/docs/modules/Components-js.html#basic-scripts Describe el bicho Hola, en lugar de crear una solicitud de pull para un cambio tan pequeño, lo comp...

artf

El 'guion' está justo encima ! CCC PD: puedes usar Debates si no estás reportando un error

ClaudeCode

Gracias por informar de esto, @bit-ocean. El problema con un error de eliminación de guion en la página de documentación "Commponent & JS". parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele...

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

#459215 de septiembre de 2022por harsh201Respuesta 1
Reacciones 0

El Componente Textible se vuelve No Editable cuando se suelta en un bloque de texto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 104.0.5112.102 Enlace de demo reproducible https://jsfiddle.net/harsh201/obng5cy2/ Describe el bicho ¿Cómo reproducir el bicho?Arrastra "Componente textible" dentro del bloque de texto.Prueba a editar texto dentro del blo...

ClaudeCode

Gracias por informar de esto, @harsh201. ¡Gran sugerencia sobre El componente textible se vuelve no editable cuando se coloca en un bloque de texto! Aunque esta función específica aún no está en la API principal, existen varias formas de l...

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

#45729 de septiembre de 2022por stljeff14 respuestas
Reacciones 0

El evento de actualización de página no se activa

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/1hza4t9n/ Describe el bicho ¿Cómo reproducir el bicho?Init uvasCrear un gestor de eventos para cuando se actualiza una página.Actualizar la páginaobservar que el man...

artf

Actualizar la página ¿Cómo actualizas la página? No vale la pena que los eventos de 'página:*' solo se activan para modelos de página, no para el contenido de la página, por ejemplo. '''js editor. Páginas.getSelected().nombreset('Mi página...

stljeff1

Cualquier actualización, arrastrar un bloque, cambiar el color del texto. Cambiar el contenido del texto. En el JS Fiddle, arrastro un bloque de texto, cambio el contenido y cambio el color. No veo que se active ningún evento cuando hago e...

artf

Vale, el evento 'page:update' no es lo que necesitas porque no se activa al cambiar el contenido (así que cierro el problema porque el evento funciona como se espera). ¿Puedes explicar qué tipo de gestor de almacenamiento personalizado est...

#45708 de septiembre de 2022por rahul-singh-bv2 respuestas
Reacciones 1

TypeError: m.render no es una función

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 105.0.5195.102 (Versión oficial) (x86_64) Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho?Crear un nuevo bloque de código personalizado y añadir una etiqueta iframe como '<iframe...

artf

Gracias por el informe @rahul-singh-bv El error ya se había reportado y corregido https://github.com/artf/grapesjs/issues/4480, pero desafortunadamente la solución aún no ha sido lanzada 😞

ClaudeCode

Gracias por informar de esto, @rahul-singh-bv. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix'...

#45462 de septiembre de 2022por FaisalShaikhHA4 respuestas
Reacciones 2

El componente desaparece cuando seleccionamos todo el texto interno y usamos retroceso. El componente de enlace desaparece incluso cuando intentamos actualizar el texto.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 104.0.5112.101 (Versión oficial) (arm64)Enlace de demo reproducible https://codepen.io/faisal-praella/pen/rNvOwgRDescribe el bicho ¿Cómo reproducir el bicho?Seleccionar un componente, hacer doble clic y ctrl+a para...

artf

Esto ocurre debido a estos estilos. ! Schermata 2022-09-08 alle 15 09 38 Sácalos y funcionará bien.

artf

@FaisalShaikhHA puedes proporcionar una demo reproducible si yo no puedo reproducirla desde la demo oficial?

FaisalShaikhHA

@artf aquí está la demo: https://codepen.io/faisal-praella/pen/rNvOwgR Selecciona un componente, haz doble clic y ctrl+a para seleccionar el texto y luego haz clic en retroceso. El componente de aviso desaparece y no es seleccionable ni ed...

#453729 de agosto de 2022por salemkode2 respuestas
Reacciones 0

RangeError Tamaño máximo de la pila de llamadas superado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave 1.33.105 Cromo: 96.0.4664.93 Enlace de demo reproducible https://codesandbox.io/s/relaxed-mccarthy-v2e37w Describe el bicho ¿Cómo reproducir el bicho?Añadir tipo de componente con etiqueta img o svgAñadir este compo...

artf

Hi @salemkode basado en cómo se gestionan los componentes personalizados, al tener ese 'isComponent', que devuelve 'true' sin condiciones, genera el problema de la pila de llamadas máximas. Sigue creando nuevos componentes porque también t...

ClaudeCode

Gracias por informar de esto, @salemkode. Buena pregunta sobre RangeError Tamaño máximo de pila de llamadas superado. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

Explora todos los temas