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 11

🔍 accessibility
#66684 de diciembre de 2025por msftedad2 respuestas
Reacciones 0

El nombre accesible no está definido para iframe en Windows.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge (Versión 143.0.3650.46), Chrome (Versión 143.0.7499.41) Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho Entorno de prueba: SO: Windows 11 versión 25H2 (Build del sistema operativo 26220.7271) Navegador...

msftedad

Hola equipo, ¿Alguna novedad sobre este problema?

ClaudeCode

Gracias por informar de esto, @msftedad. El problema con Nombre accesible no está definido para iframe en Windows. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los even...

#664611 de noviembre de 2025por soul-media3 respuestas
Reacciones 0

Error de JavaScript cuando quiero añadir relleno

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome y Firefox Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho? Chrome y Firefox: Añadir relleno a una imagen / texto A veces ocurre el error, a veces no. https://github.com/user-attachments/assets/01270f...

trebor94

Me he estado encontrando con el mismo problema y también uso el plugin 'grapesjs-mjml'. Aparentemente solo ocurre cuando se carga un proyecto que tiene la propiedad 'style' presente en los 'atributos' de un componente cuando el proyecto es...

trebor94

Desafortunadamente, no he conseguido averiguar dónde ni cuándo exactamente se añade la propiedad 'style' al componente 'style' al exportar datos de un proyecto previamente cargado. Quizá alguien más pueda identificar qué causa el problema....

ClaudeCode

Gracias por informar de esto, @soul-media. Buena pregunta sobre error de Javascript cuando quiero añadir relleno. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#663428 de octubre de 2025por ssteele3 respuestas
Reacciones 0

Errores de accesibilidad

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 141.0.7390.123 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Nuestra aplicación atiende a clientes que requieren que todas las páginas sean accesibles para todos los usuarios. Estoy gestionand...

niemyjski

También estoy viendo este comportamiento.

artf

Esto está relacionado con https://github.com/GrapesJS/preset-webpage Eres libre de actualizar estilos además de ese plugin o de enviar un RP con las correcciones ahí.

ClaudeCode

Gracias por informar de esto, @ssteele. Buena pregunta sobre errores de accesibilidad. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico B...

#65835 de agosto de 2025por msftedad2 respuestas
Reacciones 1

El valor alt no está definido para el logo de 'grapesjs' en Windows.

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Edge Versión 135.0.2535.51 (Versión oficial) (64 bits), Chrome Versión 135.0.6422.112 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho Entorno de prueba: SO: Windows 11[Versión 24...

artf

Hola @msftedad el repositorio de la web está aquí, siéntete libre de enviar una PR con la corrección (archivo/GrapesEditor.tsx)). Voy a cerrar el tema porque no está relacionado con el núcleo.

ClaudeCode

Gracias por informar de esto, @msftedad. El problema con el valor de Alt no está definido para el logo 'grapesjs' en Windows. parece ser un problema de condición de carrera o de sincronización de gestión de estado. Esto suele ocurrir cuand...

#582919 de abril de 2024por Mustufask3 respuestas
Reacciones 0

Uncaught TypeError: __webpack_require__.r no es una función en ./node_modules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) en __webpack_require__ (bootstrap:789:1) en fn (bootstrap:150:1) en ./src/Demo/Templates/TextEditor.js (Templates.js:31:1) en __webpack_require__ (bootstrap:789:1) en fn (bootstrap:150:1) en ./src/Demo/Templates/Templates.js (Templates.css:45:1) en __webpack_require__ (bootstrap:789:1) en fn (bootstrap:150:1)

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 123.0.6312.123Enlace de demo reproducible Uncaught TypeError: _webpackrequire_.r no es una función en ./nodemodules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) en _webpackrequire (bootstrap:789:1) en fn (bootstrap:150...

Mustufask

@artf por favor, ayudadme a solucionar este problema, ya que los archivos de este node module no permiten que grapesjs funcione en mi react proyecto

artf

Discusión relacionada https://github.com/GrapesJS/grapesjs/discussions/5400 Por favor, utiliza la búsqueda antes de abrir un problema.

ClaudeCode

Gracias por informar de esto, @Mustufask. Buena pregunta sobre Uncaught TypeError: _webpackrequire_.r no es una función en ./nodemodules/grapesjs/dist/grapes.mjs (grapes.mjs:1:1) en _webpackrequire (bootstrap:789:1) en fn (bootstrap:150:1)...

#567712 de febrero de 2024por soundharya23252 respuestas
Reacciones 0

Versión GrapesJS

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/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?<a> Insertar etiqueta con enlace dentro de la celda de la tabla(td).Da flotación a la izquierda o derecha a la c...

artf

Proporcionar una demostración válida y reproducible

ClaudeCode

Gracias por informar de esto, @soundharya2325. Buena pregunta sobre *. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método...

#555613 de diciembre de 2023por pittleCheung2 respuestas
Reacciones 0

Demasiadas clases harán que la página web se bloquee

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 https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? editor.addComponents(' <ul class="mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0" ro...

artf

Ya reportado y arreglado https://github.com/GrapesJS/grapesjs/issues/5525

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre Demasiadas clases harán que la página web se bloquee. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#402922 de diciembre de 2021por jloguercio2 respuestas
Reacciones 0

Arrastrar bloques a Canvas cuando tienes 1000+ bloques personalizados

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible Sin demoDescribe el bicho ¿Cómo reproducir el bicho?Añadir al gestor de bloques más de 1000 bloques, en mi caso 7.864 iconos de fuente impresionantes.Intenta arrastrar cualquier bloque...

artf

En tu caso, te sugeriría crear un gestor de bloques personalizado donde puedas adaptar la interfaz de usuario de tus bloques como quieras (por ejemplo, búsqueda, virtualización del DOM, etc.)

ClaudeCode

Gracias por informar de esto, @jloguercio. Buena pregunta sobre el rendimiento de Arrastrar bloques a lienzo cuando tienes 1000+ bloques personalizados. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Co...

#37598 de septiembre de 2021por throne19864 respuestas
Reacciones 3

ErrorTipoUncatch: No se ejecutó 'appendChild' en 'Node': el parámetro 1 no es de tipo 'Node'.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión nueva de ChromeEnlace de demo reproducible https://codesandbox.io/s/grapejs-reactjs-forked-zqnqo?file=/src/Editor.jsDescribe el bicho ¿Cómo reproducir el bicho?Simplemente arrastra y suelta el bloque de imagen al li...

throne1986

Solucioné el problema para futuras referencias primero eliminé esta función: editor.on("component:add", (model, argument) => { if (model.getName() === "Image") { modal.setContent(ModalImages); } }); La he sustituido por esta función editor...

artf

Cuando ejecutas 'editor.command.run('open-assets')' tienes que pasar opciones, por ejemplo, '''js editor.command.run('open-assets', { objetivo: editor.getSelected(), }) ```

throne1986

@artf solucioné el problema, era por el problema de cierre, la solución simplemente pasaba la URL como opciones de la siguiente manera editor. Commands.run("open-assets", { objetivo: editor.getSelected() URL: imageUrl }); editor. Commands....

#352910 de junio de 2021por tmrowe123Respuesta 1
Reacciones 0

Intentando añadir un atributo onClick al componente

Hola, Soy bastante nuevo en este gran proyecto, pero estoy intentando cambiar la visualización de un componente onClick de otro componente después de seleccionar el id del componente en el menú desplegable. Estoy teniendo problemas para añadir un atributo onClick al componente después de seleccionarlo desde un rasgo d...

ClaudeCode

Gracias por informar de esto, @tmrowe123. Gracias por compartir tu informe sobre Intentar añadir un atributo onClick al componente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...

Explora todos los temas