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 184

🔍 canvas
#670713 de febrero de 2026por saeedhbiRespuesta 1
Reacciones 0
bugcanvaskeyboardquestionenhancement

No se pueden leer propiedades de null (leyendo 'hasFocus') en el módulo Canvas

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome (versiones 142-144), Safari (versiones 16.3, 26.1), quizá otros también Enlace de demo reproducible https://jsfiddle.net/saeedhbi/tqfe7p04/ Describe el bicho ¿Cómo reproducir el bicho? Inicializar un editor GrapeJS (v0.22.1...

ClaudeCode

Gracias por informar de esto, @saeedhbi. ¡Gran sugerencia sobre No se pueden leer propiedades de null (leyendo 'hasFocus') en el módulo Canvas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr...

Ver detalles
#669016 de enero de 2026por HavokInspirationRespuesta 1
Reacciones 0
securitycanvasstyle-managerquestionbug

Violaciones del CSP

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 143.0.7499.193 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola. ¿Cómo reproducir el bicho? Importar GrapeJS en un archivo JS / entorno de nodo: en una página web usando estrictas reglas CSP...

ClaudeCode

Gracias por informar de esto, @HavokInspiration. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix...

Ver detalles
#63658 de enero de 2025por MLMarxx4 respuestas
Reacciones 0
style-managerbugquestiondocumentationcanvas

El Style Manager no interpreta correctamente los selectores descendientes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 131.0.6778.205 Enlace de demo reproducible https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Describe el bicho Cómo reproducir el error:Añadir la clase 'estilo oscuro' al cuerpo: '''js editor....

artf

Sí, eso no está soportado porque podría haber implicaciones de rendimiento al intentar igualar cualquier posible regla ahí. Lo que sí puedes hacer es seleccionar cualquier regla a través de styleManager.select

MLMarxx

Vale, gracias por la aclaración; actualmente uso select, ¿alguna idea de cómo dirigir las etiquetas de medios de esa manera?

artf

Puedes obtener el CSSRule que necesitas ('getRule') y luego pasarlo a styleManager.select

Ver detalles
#626925 de octubre de 2024por bt-mkt4 respuestas
Reacciones 3
questioncomponentsbugdocumentationcanvas

Modelo de componentes y visualización cada vez que se arrastra sobre cada componente presente en Canvas donde puede ser colocado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 130.0.6723.59 (Versión oficial) (arm64) Enlace de demo reproducible https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Describe el bicho ¿Cómo reproducir el bicho?Abrir la consola.Colocar varios component...

artf

@mohamedsalem401 esto probablemente ocurra por el editor superficial. Creo que tendría sentido aprovechar la opción 'temporal' (que ya usamos para saltar algunas acciones) en canMove. ¿Qué pasa? '''js const wrapper = this.getShallowWrapper...

mohamedsalem401

@artf Sí, sospecho que tiene que ver con el editor superficial. Espero que la opción temporal funcione y entonces abriré un registro permanente

bt-mkt

@mohamedsalem401 esto probablemente ocurre por culpa del editor superficial. Creo que tendría sentido aprovechar la opción 'temporal' (que ya usamos para saltar algunas acciones) en canMove. ¿Qué pasa?'''jsconst wrapper = this.getShallowWr...

Ver detalles
#624822 de octubre de 2024por Frubl2 respuestas
Reacciones 1
questioncanvasstyle-managertypescriptbug

Bug de showOffsets cuando el cuerpo del iframe tiene zoom

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a2hbxg0y/1/ Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrollo y escribir estilo de elemento para cuerpo iframe - zoom: n; ¿Cuál es el comportamient...

artf

No deberías editar el zoom del iframe, usa la API nativa

ClaudeCode

Gracias por informar de esto, @Frubl. Buena pregunta sobre el bug de showOffsets cuando el cuerpo del iframe tiene zoom. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

Ver detalles
#62029 de octubre de 2024por klipto-inc2 respuestas
Reacciones 0
componentsbugenhancementquestioncanvas

Javascript CDN no funciona en grapejs canvas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 129 Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho const newEditor = grapesjs.init({ fromElement: true, // Permitir componentes desde HTML contenedor: "#editor", lienzo: { guiones: [ "https://cdn....

artf

@klipto-inc, por favor crea el informe de errores con una demo en directo reproducible adecuada

ClaudeCode

Gracias por informar de esto, @klipto-inc. El problema con Javascript CDN que no funciona en grapejs canvas parece ser una condición de raza o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ci...

Ver detalles
#59904 de julio de 2024por ihatov084 respuestas
Reacciones 1
questionbugstyle-managercomponentscanvas

Cuando eliminas un componente, las clases duplicadas entre componentes se eliminan.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de demo reproducible https://jsfiddle.net/t06s4oLb/8/ Describe el bicho ¿Cómo reproducir el bicho?Añadir la sección 1 al lienzoAñadir la sección 2 al lienzo bajo la sección 1Retirar...

artf

Deberías evitar poner estilos compartidos en los relacionados con componentes. Consulta esta discusión sobre cómo evitar esto: https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08

Como solución temporal, los estilos para cada componente se prefijan con id. '''js importar { html as hero1html, css as hero1css } de './data/hero-1'; importar { html as content1html, css as content1css } desde './data/content-1'; fuentes...

ihatov08

@artf Gracias por tu respuesta. Me gustaría confirmar el #5968

Ver detalles
#59894 de julio de 2024por ihatov083 respuestas
Reacciones 1
questionbugcanvastypescript

No se puede seleccionar en lienzo si las etiquetas están anidadas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126.0.6478.127 (Windows) Enlace de demo reproducible https://jsfiddle.net/vbu18q5f/2/ Describe el bicho ¿Cómo reproducir el bicho?No puede seleccionarse en lienzo si las etiquetas están anidadas El bloque de la sec...

ihatov08

@artf Lo siento, los frameworks no lo solucionan todo como dices. A partir de ahora me aseguraré de leer bien la documentación. Gracias por tu respuesta.

artf

Esto no es un bug, sino más bien un problema de experiencia de usuario relacionado con cómo funciona HTML en general; esa es también la razón exacta por la que ofrecemos el botón "seleccionar padre" en la barra de herramientas. No esperes...

ClaudeCode

Gracias por informar de esto, @ihatov08. Buena pregunta sobre No se puede seleccionar en el lienzo si las etiquetas están anidadas. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentaci...

Ver detalles
#594212 de junio de 2024por adarshsingh1972 respuestas
Reacciones 0
style-managertypescriptbugcomponentsquestion

BUg en RichTextEditor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible He dado el código en los problemas Describe el bicho Emisión de pantalla del 24-06-12 15:09:58 IST.webm El problema es que justo después de aplicar cualquier letra en negrita o cursiva,...

artf

Por la demo oficial parece funcionar como se espera, así que supongo que está relacionado con tu lógica personalizada. Por favor, proporcionad una demo mínima y reproducible del número.

ClaudeCode

Gracias por informar de esto, @adarshsingh197. El error error: any) { ocurre cuando ProseMirror intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es una condición común de raza...

Ver detalles
#581014 de abril de 2024por ctrhub4 respuestas
Reacciones 1
questionstyle-managerbugcanvastypescript

Estilo de lienzo innecesario

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc Versión 1.35.0 / Chromium Engine 123.0Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Mi caso especial: En mi caso, todos los estilos de plugins y estilos generales están en la cabecera. Así...

artf

está pensado para almacenar estilos de lienzo, estilos que no afectan al resultado de HMTL/CSS, estilos que no se exportarán, ¿verdad? Correctopor defecto el cuerpo tiene fondo blanco, este parece ser el color predeterminado en todos los n...

artf

Existe la opción canvasCss para eso. La próxima vez abre una Discusión, por favor, ya que esto no es un error principal sino un uso incorrecto.

ctrhub

Hola, @artf. Gracias por la respuesta. No estoy seguro de que nos entendiéramos y me gustaría aclarar un detalle. Sí, conozco la propiedad canvasCss, además, la uso para cambiar los estilos del componente seleccionado. Entiendo la esencia...

Ver detalles