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 877

🔍 question
#469931 de octubre de 2022por DhanaDSP11202 respuestas
Reacciones 0

Deshacer no funciona correctamente en Insertar HTML en el bloque de texto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v107 Enlace de demo reproducible https://jsfiddle.net/4vacxuw2/2/ Describe el bicho He añadido una barra de herramientas personalizada para insertar valor en la posición actual a través de las opciones de rte.inser...

artf

Hola @DhanaDSP1120 sí, desafortunadamente eso es lo que se espera de 'rte.insertHTML' porque utiliza una inserción personalizada. Si necesitas preservar la pila de deshacer de edición nativa, puedes usar esta API '''js rte.exec('insertHTML...

ClaudeCode

Gracias por informar de esto, @DhanaDSP1120. El problema de que Deshacer no funcione correctamente en InsertHTML en el bloque de texto parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocu...

#468222 de octubre de 2022por nabtron4 respuestas
Reacciones 0

Módulo no encontrado: Error: No se pueden resolver 'utils/mixins'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 106Enlace de demo reproducible localhostDescribe el bicho Actualicé mi proyecto que contenía grapesjs, pero ahora me sale este error: Cuando ejecuto mi proyecto, me aparece este error: Esto es lo que tiene Top 2 Line...

artf

No deberías intentar compilar el código fuente de grapesjs porque el código fuente podría contener contenido relacionado con bundlers (como mencionas, no es un paquete externo).

nabtron

@artf no deberías intentar cerrar tickets sin leerlos antes. Si lees el número, verás que mencioné que cuando lo "actualicé" lo actualicé usando npm i cambiando la versión de grapesjs en package.json a la última versión. El código se rompe...

artf

Sí, entiendo que simplemente has actualizado la versión, pero parece que estás intentando leer el código fuente del paquete grapesjs, lo cual es incorrecto (probablemente en el futuro, incluso eliminarán la carpeta 'src').

#468121 de octubre de 2022por Aar-if3 respuestas
Reacciones 0

Asset manager subiendo el envío de objetos vacíos al endpoint del backend

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible NA Describe el bicho ¿Cuál es el comportamiento actual? He creado un endpoint backend personalizado para almacenar mis assets; cuando usé el método de subida de asset manager, no enviab...

artf

Lo siento, pero simplemente intentando enviar un asset la carga útil que veo es correcta, así que sin una demo reproducible, parece que hay un problema en el backend (asegúrate de tener el body parser adecuado).

Aar-if

Gracias, funcionó usando Multer, el problema era con el analizador corporal.

ClaudeCode

Gracias por informar de esto, @Aar-if. El problema con Asset Manager Upload enviando objetos vacíos al endpoint backend parece ser un problema de gestión de la carrera o de la gestión de estados. Esto suele ocurrir cuando los eventos del c...

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

Explora todos los temas