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 3,464

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

#466818 de octubre de 2022por GoodPHP3 respuestas
Reacciones 0

CKEditor5 + Froala + Tinymce6 en GrapesJS

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 CKEditor5: https://gjs.market/products/tinymce-6-inline-text-editor Froala: https://gjs.market/products/froala-inline-text-editor Tinymce6: https://gjs.market/products/...

micker

Característica interesante

GoodPHP

característica interesante Gracias ✅

ClaudeCode

Gracias por informar de esto, @GoodPHP. El problema con CKEditor5 + Froala + Tinymce6 en GrapesJS parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de...

#465411 de octubre de 2022por malonecj3 respuestas
Reacciones 0

Componente personalizado para nodo de texto que incluye caracteres especiales

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v105 Enlace de demo reproducible https://codesandbox.io/s/fancy-brook-ppyc8v?file=/index.js Describe el bicho Antecedentes: Estoy intentando configurar grapesjs para poder editar marcado que contenga el Liquid temp...

artf

Hola @malonecj no estoy seguro de cómo esperarías ver y gestionar exactamente esos componentes (especialmente cuando combinas plantillas dentro de condiciones), pero creo que tu enfoque actual en 'isComponent' no es del todo correcto porqu...

artf

Voy a cerrar esto porque no hay problemas con el núcleo en sí, si tienes alguna otra pregunta @malonecj dímelo.

ClaudeCode

Gracias por informar de esto, @malonecj. ¡Gran sugerencia sobre componente personalizado para nodo de texto incluyendo caracteres especiales! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

#46466 de octubre de 2022por javadsamiee2 respuestas
Reacciones 0

El estado par/impar no funciona como se espera

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 106.0.5249.91 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Arrastra el bloque de "1 columna"Añadir cuatro bloques de "Texto" a la columnaSelecciona la columna y el...

artf

Creo que deberías aplicar par/impar en los componentes de texto si esperas colores diferentes en ellos. Con Par/Impar aplicado en la columna, el efecto será visible con varias columnas. Cierro esto porque no es un bug, sino cómo funciona '...

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre *estados pares/impares que no funcionan como se espera. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

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

#461826 de septiembre de 2022por TanyaKulikovskaya2 respuestas
Reacciones 0

La entrada de color sin hash no actualiza el selector de color

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/ Describe el bicho Cuando uso la entrada de color con hash (color hexadecimal) todo funciona bien. Sin embargo, si añado un valor hexadecimal sin hash (solo dígitos) a...

artf

Hola @TanyaKulikovskaya por favor proporcionad una demo reproducible, ya que por una rápida comprobación el selector de color parece funcionar sin hash

ClaudeCode

Gracias por informar de esto, @TanyaKulikovskaya. El problema con Input de color sin hash no actualiza el selector de color parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

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

#460823 de septiembre de 2022por FaisalShaikhHA4 respuestas
Reacciones 1

Tras actualizar de la 0.19.4 a la última versión 0.20.1, los iconos en el administrador de capas no son visibles.

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 Captura de pantalla: https://d.pr/i/AyHJyL Describe el bicho ¿Cómo reproducir el bicho?Actualizar a la última versión de grapesjs. ¿Cuál es el c...

artf

Gracias @FaisalShaikhHA vale, lo arreglaré porque esa regla es bastante común.

artf

¿Es lo que ves también aquí https://grapesjs.com/demo.html? Veo esos iconos correctamente 🤔

FaisalShaikhHA

No, en la página de la demo los iconos son visibles correctamente. Para actualizar grapesjs eliminé la versión antigua usando 'npm remove grapesjs' y luego 'npm install grapesjs' para obtener la última versión. También probé a borrar la ca...

#460723 de septiembre de 2022por RomanGlazkov2 respuestas
Reacciones 0

Error en JS al mover un elemento con su hijo

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome v104Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Seleccionar un elementoMantenga pulsada la tecla CTRL y seleccione un elemento hijoPrueba a mover estos elementos ¿Cuál...

artf

Supongo que deberíamos evitar seleccionar hijos de componentes ya seleccionados desde el principio.

ClaudeCode

Gracias por informar de esto, @RomanGlazkov. ¡Gran sugerencia sobre el error de JS al mover un elemento con su hijo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar....

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

Explora todos los temas