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
#533024 de agosto de 2023por rozek3 respuestas
Reacciones 0
bugtypescriptquestion

La última versión (commit 4F0C5B1) ya no compila sin errores

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? ninguno Enlace de demo reproducible ninguno Describe el bicho 'yarn build' falla con dos errores: Esto quizá sea simplemente un problema de que TypeScript es demasiado exigente, porquepuedes desactivar los mensajes de err...

artf

Gracias@rozek lo arreglaré ahora

rozek

¡Muchas gracias!

ClaudeCode

Gracias por informar de esto, @rozek. El problema con última versión (commit 4f0c5b1) ya no compila sin errores parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos...

Ver detalles
#532822 de agosto de 2023por sdimitrenco2 respuestas
Reacciones 0
componentsbugquestiontypescript

Texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido.

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/sdimitrenco/wao1rh0q/30/ Describe el bicho Esa es mi estructura de componentes Si cambio el texto en la etiqueta span del editor de texto y luego elimino el foco de...

artf

No deberías tener '"contenido"' dentro de tu espacio de texto, de hecho si lo sustituyes por '"components": '[email protected]', funcionará correctamente.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con texto editable tras eliminar el foco de RTE, devuelve el estado anterior del contenido. parece ser una condición de carrera o un problema de sincronización de gestión de estado. E...

Ver detalles
#532018 de agosto de 2023por SwapnilSoni19994 respuestas
Reacciones 0
questionbugtypescript

Upload Image o Asset no se activa al seleccionar archivo/imagen

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible ninguno Describe el bicho ¿Cómo reproducir el bicho?Estoy usando grapesjs-react y 'assetManager'Mi configuración es esta '''js { upload: '${globals.settings.cmsUrl}/upload-image', u...

iamuddeshya

Enfrentando el mismo problema

deepanshu-ht

++ 1

artf

Acabo de probar la misma configuración y todo funciona como se esperaba. Podría estar relacionado con tu versión de grapesjs o con el propio 'grapesjs-react'. Por favor, evita crear problemas de BUGS si no puedes proporcionar una demo repr...

Ver detalles
#531217 de agosto de 2023por srinivas9772 respuestas
Reacciones 0
questionbugenhancementdocumentationtypescript

Problema con el editor de texto enriquecido Acción de sangría para listas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome V115Enlace de demo reproducible https://jsfiddle.net/srinivas977/ahgLxv6e/10/Describe el bicho ¿Cómo reproducir el bicho? En el JSFiddle proporcionado, incluye un par de líneas de texto y selecciona listas. A continu...

artf

Desafortunadamente, como la implementación por defecto depende del execCommand obsoleto, hay demasiados casos límite que manejar y ya no merece la pena dedicarle tiempo. Te sugeriría confiar solo en él para el formato básico (por ejemplo,...

ClaudeCode

Gracias por informar de esto, @srinivas977. ¡Gran sugerencia sobre Problema con el editor de texto enriquecido Acción de sangría para listas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

Ver detalles
#530513 de agosto de 2023por rajevar2 respuestas
Reacciones 0
questioncomponentsbugcanvastypescript

El evento "component:add" se activa cuando se mueven componentes

Versión GrapesJS 0.21.4[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 113.0.5672.63 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n/11/Describe el bicho ¿Cómo reproducir el bicho? Mueve cualquiera de los componentes de texto dentro de la página. Se mostrará...

artf

Hola @rajevar creo que buscas el evento 'component:create', ya que 'component:add' funciona como se espera (por ejemplo, podría usarse para seguir cualquier movimiento nuevo dentro de un componente específico).

ClaudeCode

Gracias por informar de esto, @rajevar. Buena pregunta sobre los activadores del evento "component:add" cuando se mueven componentes. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documenta...

Ver detalles
#52889 de agosto de 2023por pittleCheung2 respuestas
Reacciones 0
questionbugtypescript

Usar la construcción tsup-node grapesjs aparecen Error no capturado: No se soporta el requerimiento dinámico de "codemirror/lib/codemirror"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho?TSUP-nodo src/index.ts --formato ESM,CJS --Legacy Output --Watch ¿Cuál es el comportamiento esperado? Yo uso Vite para...

artf

Creo que tienes que hablar de eso con la comunidad de Vite, el núcleo está usando webpack ahora mismo y funciona como se espera

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre usar tsup-node build grapesjs aparecen Error no capturado: No se soporta el requerimiento dinámico de "codemirror/lib/codemirror". El enfoque recomendado con GrapesJS es usa...

Ver detalles
#52868 de agosto de 2023por saharhagekr2 respuestas
Reacciones 0
questiondocumentationtypescript

Borde de imágenes y algunos elementos en la posición incorrecta

En pantallas de portátiles más pequeñas (como los MacBook, por ejemplo), el borde de las imágenes y algunos elementos están en una posición incorrecta (cuando hago clic para mover o redimensionar una imagen) No tengo este problema cuando el editor se renderiza en pantallas más grandes. No estoy seguro de si hay algún...

artf

@saharelhage por favor, evita convertir las discusiones en temas. Los Problemas de GitHub solo deben crearse a partir de aquí siguiendo correctamente la plantilla.

ClaudeCode

Gracias por informar de esto, @saharhagekr. Buena pregunta sobre el borde de las imágenes y algunos elementos en la posición incorrecta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

Ver detalles
#52692 de agosto de 2023por sannilaRespuesta 1
Reacciones 0
questionstyle-managerbugtypescript

El literal del objeto solo puede especificar propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 115.0Enlace de demo reproducible https://jsfiddle.net/varyqjo7/Describe el bicho ¿Cómo reproducir el bicho?Crear un nuevo proyecto Angular (versión 16.1.3)Instalar la última versión de grapesjs (npm i grapesjs)Añadir...

ClaudeCode

Gracias por informar de esto, @sannila. Buena pregunta sobre Object literal que solo especifica propiedades conocidas, y 'el' no existe en el tipo 'PanelProps'.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

Ver detalles
#526328 de julio de 2023por pittleCheung4 respuestas
Reacciones 3
questionstyle-managercomponentsbugtypescript

¿Eliminar un componente sin eliminar su estilo correspondiente, añadiendo nuevos componentes más adelante causará conflictos de estilo?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? <img width="1666" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/114127651/c37e339a-e14f-486b-85fb-34c17...

pittleCheung

Sí, tienes razón, copio todos los estilos coincididos, así que puedo pegar en cualquier sitio, incluso pegar entre navegadores, me resulta extremadamente útil. Cuando borro un componente, no elimina los estilos correspondientes. Esto es un...

pittleCheung

Sigue siendo un problema

artf

No veo cómo esto es un error principal. Estás usando tu propia lógica de copiar/pegar y ni siquiera parece correcta, deberías ocuparte de los IDs únicos de cada componente/regla.Tras eliminar estos componentes hijos, sus estilos siguen pre...

Ver detalles
#524924 de julio de 2023por pittleCheung3 respuestas
Reacciones 0
questionstyle-managerbugtypescript

¿editor?. Css.addRules(targetCss);

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? ¿editor?. Css.addRules(targetCss); ¿Cuál es el comportamiento esperado? ¿editor?. Css.addRules(targetCss); Añade estil...

artf

Esto no es un error, 'Css.addRules' no tiene ningún argumento de opción. Puedes abrir una discusión sobre este tema y veremos si tiene sentido introducirlo

pittleCheung

Vale, lo entiendo, necesito añadir algunos estilos delante de un array, no al final. Como arr.unshift(css). ¿Cómo puedo hacer eso? Quizá necesite un poco de ayuda tuya

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre editor?. Css.addRules(targetCss);. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módu...

Ver detalles

Explora todos los temas