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 545

🔍 typescript
#457510 de septiembre de 2022por Aventrue3 respuestas
Reacciones 1

Falta el personalizado en el AssetManagerConfig

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Esto es un error de compilación Describe el bicho La propiedad personalizada falta en el AssetManagerConfig. Funciona si uso los grapesjs sin tipificar, pero quiero usarlos con tipos. ¿H...

Singwai

No dudes en actualizar la definición de tipo, aquí tienes un ejemplo de commit. https://github.com/artf/grapesjs/commit/49deeeeab74aff3e46f22d0bb06e7f7608955afd

Aventrue

Mi solución alternativa: let assetConfig: grapesjs. AssetManagerConfig = {}; assetConfig["custom"] = { abierto: (utilería) => { this.openGalleryDialog (atrezzo); }, Cerca: (utilería) => { this.dialog.closeAll(); }, };

ClaudeCode

Gracias por informar de esto, @Aventrue. El problema con Personalizado falta en AssetManagerConfig parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los compo...

#45596 de septiembre de 2022por DhanaDSP11204 respuestas
Reacciones 0

Las acciones RTE no funcionan después de la primera vez

¡Hola...!, las acciones RTE no funcionan después de la primera vez, cuando intentamos aplicar la acción sobre el elemento aplicado anterior, no funciona Ocurre desde la versión 0.18.3 hasta la última vez, funciona bien en las versiones inferiores Enlaces de reproducción Versión funcional: https://jsfiddle.net/76gnxh4d...

artf

Debería estar arreglado en la última versión.

DhanaDSP1120

@artf Solo funciona el color de la fuente, el color de fondo de la fuente no funciona la segunda vez https://jsfiddle.net/a3xgLm7c/3/ ! val 5

Sivaganesh-Akula

Hola @DhanaDSP1120, yo también estoy pasando por el mismo problema. ¿Tienes alguna solución para ello?

#45586 de septiembre de 2022por DhanaDSP11203 respuestas
Reacciones 1

Grapesjs se deshace de la memoria. Problema

Mientras aplicas negrita o cursiva, subraya continuamente un texto. cuando una vez abierto el gestor de capas solo ocurría Y solo funciona bien en la versión 0.18.2 y en las inferiores Enlaces de reproducción Versión funcional: https://jsfiddle.net/76gnxh4d/39/ Versión que no funciona: https://jsfiddle.net/76gnxh4d/40...

artf

@DhanaDSP1120 parece un caso límite de estrés que a nadie le importa realmente, pero si quieres profundizar en la solución, estaré dispuesto a fusionar un repar

DhanaDSP1120

@artf El problema no se resolvió

ClaudeCode

Gracias por informar de esto, @DhanaDSP1120. Gracias por compartir tu informe sobre Problema de Grapesjs se descompone de memoria. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...

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

#44963 de agosto de 2022por bovealexandre4 respuestas
Reacciones 0

SetStyle

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible Ninguno, ya que tiene demasiado código personalizado con React y cosas asíDescribe el bicho ¿Cómo reproducir el bicho? añadir más estilos al editor con setStyles aquí está...

bovealexandre

y cuando intento añadir esto Solo añade esto

artf

@bovealexandre proporcionar al menos un ejemplo mínimo reproducible, ya que por lo que veo ahora mismo podría ser tu código personalizado la razón

bovealexandre

@bovealexandre proporcionar al menos un ejemplo mínimo reproducible, ya que por lo que veo ahora mismo podría ser tu código personalizado la razón vale, solo tenía que hacer editor.getCss({ keepUnusedStyles: true } en mi editor scss

#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?)

#448127 de julio de 2022por skru2 respuestas
Reacciones 0

V0.19.5 Rompe el editor sin interfaz (setComponents() (con bloque Mapa/Vídeo)

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 102.0.5005.115 (Versión oficial) (64 bits) Enlace de demo reproducible Describe el bicho Esta es una extensión del #4473 Al añadir un mapa o bloque de vídeo mediante editor.setComponents() en un entorno headless, o...

artf

Gracias @skru de hecho ya he solucionado el parseUri aquí, así que debería funcionar en la próxima versión

ClaudeCode

Gracias por informar de esto, @skru. El problema con v0.19.5 Rompe el editor sin interfaz head.setComponents() (con bloque Mapa/Vídeo) parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocu...

#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