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
#65629 de julio de 2025por jsxOverdose3 respuestas
Reacciones 1
questionbugcanvastypescript

Se ajustan elementos a una posición incorrecta al redimensionar

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 138.0.7204.101 Enlace de demo reproducible https://jsfiddle.net/u3L89ejh/1/ Describe el bicho ¿Cómo reproducir el bicho? Redimensionar la imagen Arrástralo a otro lugar del lienzo Haz clic en uno de esos cuadritos azules de...

artf

@jsxOverdose impulsado una solución para esta nueva versión: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11

jsxOverdose

@artf En la nueva versión, hay otro error: cuando pulsas una de las manijas de redimensionamiento en el eje Y, la imagen se agranda significativamente. Aquí tienes la demo: https://jsfiddle.net/du81zL6r/

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre El elemento se ajusta a una posición incorrecta al redimensionar. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentació...

Ver detalles
#654925 de junio de 2025por yashvi20264 respuestas
Reacciones 1
questionstyle-managerbugcanvastypescript

No se pudo redimensionar la imagen

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/YPXdgmj Describe el bicho ¿Cómo reproducir el bicho? Subir una imagen Cámbialo a la vista móvil Redimensionar la imagen ! Imagen ¿Cuál es el comportamiento esperad...

mosh-tudor

@yashvi2026 Eso es por tu código CSS personalizado. Elimina esta parte: '''js estilos: '.image{max-width:100%;}@media (ancho máximo: 480px) {.image {display: inline-block; Altura:AUTO !Importante; ancho:100% !importante; ancho-máximo:100%;...

artf

Confirmo que el redimensionador de componentes no tiene en cuenta '!important' ahora mismo, pero seguiría, más o menos, lo que @mosh-Tudor sugirió. No necesitas eliminar todos los 'estilos', porque supongo que es lo que necesitas, pero no...

yashvi2026

Necesito usar '!importante' en mi estilo. He notado que en otros componentes, cuando '!important' está incluido en los estilos por defecto, los estilos añadidos a través del gestor de estilos también incluyen '!important' para asegurar que...

Ver detalles
#65356 de junio de 2025por MikeCraig4183 respuestas
Reacciones 0
questionbugtypescript

BUG(v 1.0.48): Pegar contenido rico divide los valores de los atributos en atributos individuales

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Cambia tu versión de 1.0.48 a 1.0.47 Describe el bicho ¿Cómo reproducir el bicho? Copiar contenido rico de Word Pegar en uvas Estoy usando opciones autoalojadas ¿Cuál es el comportamiento esperad...

MikeCraig418

Para más contexto, el contenido en formato HTML desaparece de Grapes. El HTML almacena cadenas como:

artf

¿Qué editor de texto enriquecido usas? ¿Puedes ofrecer una forma de reproducirlo (por ejemplo, una forma de copiar el mismo texto)?

ClaudeCode

Gracias por informar de esto, @MikeCraig418. Buena pregunta sobre BUG(v 1.0.48): Pegar contenido rico divide los valores de los atributos en atributos individuales. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Em...

Ver detalles
#651513 de mayo de 2025por jsxOverdose2 respuestas
Reacciones 0
questionbugstyle-managertypescript

Redimensionar un elemento afecta a todos los elementos de la misma clase

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 136.0.7103.93 Enlace de demo reproducible https://jsfiddle.net/L4pu0tzc/ Describe el bicho ¿Cómo reproducir el bicho? Añadir múltiples elementos de imagen al editor. Asignar el mismo nombre de clase (por ejemplo, clase="cla...

artf

Asegúrate de tener activada esta opción: https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

ClaudeCode

Gracias por informar de esto, @jsxOverdose. Buena pregunta sobre Redimensionar un elemento afecta a todos los elementos de la misma clase. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta l...

Ver detalles
#649415 de abril de 2025por yashvi2026Respuesta 1
Reacciones 0
bugquestionstyle-managercomponentstypescript

Crear y destruir errores de lanzamiento repetidos

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/QwwLjBQ Describe el bicho ¿Cómo reproducir el bicho? Haz clic en Crear y luego en Destruir repetidamente y rápidamente. Al depurar, descubrí que el error ocurre de...

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre Crear y destruir repetidamente lanza error. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

Ver detalles
#648510 de abril de 2025por yashvi20262 respuestas
Reacciones 0
questionbugtypescript

ShowSelectionPalette no funciona con el selector de color personalizado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/GgRbMyg Describe el bicho ¿Cómo reproducir el bicho? Añadir un cuadro de texto. Habilitar RTE. Haz clic en la última opción. Cambiar color clic aceptar ¿Cuál es el...

mosh-tudor

@yashvi2026 Tu código tiene muchos problemas, y por eso no funciona. Esto no tiene nada que ver con GrapesJS. Quizá quieras usar una herramienta de IA para revisar tu código si no tienes claro qué falla.

ClaudeCode

Gracias por informar de esto, @yashvi2026. Buena pregunta sobre showSelectionPalette no funciona con selector de color personalizado. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la docu...

Ver detalles
#644615 de marzo de 2025por brighterfrog2 respuestas
Reacciones 0
enhancementcomponentstypescript

Solicitud de funcionalidad: Añadir nuevo tipo de componente

Descripción Me gustaría solicitar un nuevo tipo de componente para manejar gráficos interactivos. Caso de uso Creación de visualizaciones de datos en el constructor de páginas Soporte para actualizaciones dinámicas de gráficos Integración con fuentes de datos existentes Comportamiento esperado El componente debe: Sopo...

artf

Hola @brighterfrog usamos GH Issues solo para informes de errores. Por favor, revisa estos para entender cómo gestionamos las solicitudes de funciones y los plugins: Proceso de la hoja de ruta Proceso de sugestión de plugins Para que lo se...

ClaudeCode

Gracias por informar de esto, @brighterfrog. ¡Gran sugerencia sobre Solicitud de funcionalidad: ¡Añadir nuevo tipo de componente! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportami...

Ver detalles
#644514 de marzo de 2025por bgrand-ch3 respuestas
Reacciones 2
questionbugdocumentationtypescript

La web del médico tiene información que falta

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Firefox 136.0.1 (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/api/editor.html#editor Describe el bicho ¿Cómo reproducir el bicho? Ve a https://grapesjs.com/docs/api/editor.html#editor ¿Cuál es el comportamiento e...

artf

Documentación actualizada: https://grapesjs.com/docs/api/editor.html#available-events

artf

Gracias@bgrand, lo arreglaré pronto 🙇 ♂️

ClaudeCode

Gracias por informar de esto, @bgrand-ch. Buena pregunta sobre La web del documento tiene información que falta. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

Ver detalles
#642527 de febrero de 2025por asabryilRespuesta 1
Reacciones 0
questioncomponentsbugtypescript

Arrastrar un elemento con altura 0 provoca un comportamiento inesperado

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Todos los navegadores, última versión Enlace de demo reproducible Puede reproducirse en una demo oficial Describe el bicho ¿Cómo reproducir el bicho? Añadir un bloque, establecer la altura y la altura mínima a 0 Añadir otro bloque...

ClaudeCode

Gracias por informar de esto, @asabryil. Buena pregunta sobre Arrastrar un elemento con altura 0 causa comportamientos inesperados. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la do...

Ver detalles
#642025 de febrero de 2025por peterchonRespuesta 1
Reacciones 0
questionbugtypescript

La entrada japonesa añade retorno vacío

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 133.0.6943.127 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Crear un bloque de texto Empieza a escribir cualquier carácter japonés...

ClaudeCode

Gracias por informar de esto, @peterchon. Buena pregunta sobre la entrada japonesa añade retorno vacío. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módul...

Ver detalles

Explora todos los temas