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 220

🔍 canvas
#462127 de septiembre de 2022por shelendravashishtha24 respuestas
Reacciones 1

No se ha encontrado ninguna opción para mostrar varias páginas en un mismo lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible SIN ENLACE Describe el bicho Hola, Estoy usando grapsjs con React, me ha resultado muy útil hasta ahora, pero quiero mostrar todas las páginas creadas en mi aplicación para que se previs...

stljeff1

Creo que tienes que crear tu propio componente para mostrar varias páginas y hacer clic entre ellas. aquí tienes un ejemplo que encontré en estos foros que muestra cómo crear tu propio componente de Gestor de Páginas. https://codepen.io/ar...

artf

@shelendravashishtha2 usar correctamente Problemas de Errores, por favor, si tienes preguntas, usa Discusión.

dali-97

Hola, ¿alguien puede ayudarme? Necesito algo que me permita crear una página de varios clientes como grapesjs, lo necesito para mi diploma. Gracias.

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

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

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

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

#452924 de agosto de 2022por FaisalShaikhHA4 respuestas
Reacciones 6

Cuando redimensionamos una imagen con la clase 'xyz', todos los elementos de la página con la misma clase también se redimensionan porque el editor añade CSS a esas clases.

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 la demo en vídeo https://d.pr/i/27EgH2Describe el bichoCuando redimensionamos una imagen con la clase 'xyz', todos los elementos de la página con la misma clase tamb...

DevMetwaly

https://grapesjs.com/docs/modules/Components.html#components-cssDiseño primero por componentes Por defecto, cuando seleccionas un componente en el lienzo y aplicas estilos sobre él, se aplicarán cambios en sus clases existentes. Esto resul...

FaisalShaikhHA

Gracias, @DevMetwaly funcionó, perdona, no me lo he perdido.

FaisalShaikhHA

Hola @artf, primero que nada, un framework increíble, y gracias por hacerlo de código abierto. Como se ha descrito en el comentario anterior, me estoy enfrentando a este problema raro, por favor dime si estoy haciendo algo mal o si hay alg...

#44973 de agosto de 2022por benryanwilliams4 respuestas
Reacciones 3

Actualizar a GrapesJS v19.5 desde la v18.4 hace que Chrome deje de responder

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome 104.0.5112.79Enlace de demo reproducible https://jsfiddle.net/gvrnw2c3/4/Describe el bicho ¿Cómo reproducir el bicho? Actualmente no puedo reproducir el error usando jsfiddle, lo que me hace pensar que es un problema de Chrom...

tyuterry

Una reproducción en Fiddle (con vue) No puedo reproducirme sin vue jugueteo Pasos para reproducir el problema:Añadir un componente de textoSelecciona el componente de texto y luego haz clic en el botón 'Convertir a Condicional' en la parte...

artf

Gracias chicos, de hecho pude reproducirlo envolviendo el ejemplo dentro de Vue, pero no estoy seguro de por qué está atascado en el bucle aquí. A primera vista, parece estar relacionado con los observadores Proxy de Vue. Comparando la dem...

benryanwilliams

Gracias @artf, todo funciona perfectamente ahora al declarar el editor fuera de la instancia de Vue.

#448930 de julio de 2022por contentfree4 respuestas
Reacciones 0

Cargar datos iniciales de un proyecto en modo diseñador da lugar a un tamaño de lienzo incorrecto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v103 Enlace de demo reproducible https://codesandbox.io/s/laughing-austin-k12mc3?file=/index.js Describe el bicho Si ves el CodeSandbox enlazado y encuentras la línea comentada que proporciona los projectData al ed...

contentfree

Puedo forzarlo a tener el tamaño correcto del lienzo mediante:No proporcionar projectData en la configuración inicial, Cargar los projectData a través de 'editor.loadProjectData(...)' tras la inicialización y Luego ejecutando 'editor. Canv...

artf

Gracias@contentfree intentaré arreglarlo para la próxima versión

contentfree

Gracias @artf. Estaré atenta a la próxima versión (parece que tu tablero kanban está vacío ahora... ¿Entonces debería ser inminente?)

#448026 de julio de 2022por ValouZ2 respuestas
Reacciones 0

El iframe en un bloque no se puede editar

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox v102.0.1 Enlace de demo reproducible Este es código de trabajo, no puedo... Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar en la página el bloque VídeoVerás que no puedes hacer nada con mi iframe ¿...

artf

Gracias @ValouZ por el informe, de hecho hay un error tipográfico en la vista de iframe. Me encargaré de ello para la próxima entrega.

ClaudeCode

Gracias por informar de esto, @ValouZ. Buena pregunta sobre Iframe en un bloque que no se puede editar. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

Explora todos los temas