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 466

🔍 components
#59822 de julio de 2024por ihatov082 respuestas
Reacciones 1

Se eliminan estilos de componentes como md:flex-row (viento de cola)

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome 126.0.6478.127Enlace de demo reproducible https://jsfiddle.net/6m53pwy7/4/Describe el bicho ¿Cómo reproducir el bicho? Estoy buscando usar Tailwind con GrapesJS, pero este framework utiliza Utility First CSS Classes para crea...

artf

Necesitas escapar correctamente del CSS '''js .md\\\:p-18 { acolchonado: 4rem; } ```

ClaudeCode

Gracias por informar de esto, @ihatov08. Buena pregunta sobre estilos de componentes como md:flex-row (viento de cola) eliminados. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la docume...

#594212 de junio de 2024por adarshsingh1972 respuestas
Reacciones 0

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...

#592331 de mayo de 2024por MarceloBD2 respuestas
Reacciones 0

GrapeJs a veces no cargan en los navegadores

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Firefox 126.0.1Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Abre tu navegador Firefox y ve al enlace de la demo ¿Cuál es el comportamiento esperado? El editor debería...

nhan-nguyen-se

@MarceloBD ¿Cómo lograste resolver esto? Estoy pasando por el mismo problema.

ClaudeCode

Gracias por informar de esto, @MarceloBD. 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' para...

#592230 de mayo de 2024por omerson-cruz2 respuestas
Reacciones 0

No se pueden usar controles de interfaz para el componente de vídeo cuando

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? v125.0.6422.113 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/p/sandbox/eloquent-leaf-vd68cf?file=%2Findex.js%3A9%2C47 Describe el bicho ¿Cómo reproducir el bicho?Arrastrar el vídeo al lie...

artf

No puedes interactuar con el iframe durante la edición, de lo contrario no será posible seleccionarlo desde el lienzo. Sin embargo, revisas las interacciones del iframe durante la vista previa.

ClaudeCode

Gracias por informar de esto, @omerson-Cruz. Buena pregunta sobre No poder usar los controles de la interfaz para el componente de vídeo cuando. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta l...

#590524 de mayo de 2024por gladykov2 respuestas
Reacciones 0

No se puede volver a abrir la configuración de componentes, después de hacer clic en componente y luego en Bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Ópera 10.0.5130.23 | Linux Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Lienzo transparenteDesde el menú de Bloques añadir el componente '1 columna' -> la pestaña 'Configuración' se abre au...

artf

Gracias @gladykov pero esto no está relacionado con el núcleo, es solo un ejemplo de comportamiento implementado en la demo.

ClaudeCode

Gracias por informar de esto, @gladykov. El problema de No poder abrir la configuración de componentes de nuevo, después de hacer clic en componente y luego en Bloques, parece ser una condición de carrera o un problema de sincronización de...

#588816 de mayo de 2024por Dobby852 respuestas
Reacciones 1

No se puede editar contenido de componentes incluso con la propiedad editable puesta en true

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V124 Enlace de demo reproducible https://jsfiddle.net/ycvz2gno/7/ Describe el bicho ¿Cómo reproducir el bicho?Poner un bloque de texto en el lienzoHaz doble clic en el contenido dentro del bloque de textoEl conteni...

Dobby85

Al investigar el código, vi que para obtener la funcionalidad RTE, nuestro nuevo componente tiene que extender 'ComponentTextView'. Mi problema inicial fue que hice algo así: Y adopta la vista de mi 'baseStructure' y no del componente 'tex...

ClaudeCode

Gracias por informar de esto, @Dobby85. Buena pregunta sobre No se puede editar contenido de componentes incluso con la propiedad editable configurada como verdadera. El enfoque recomendado con ProseMirror es usar la API orientada a evento...

#58572 de mayo de 2024por hasan-aaRespuesta 1
Reacciones 0

Al renderizar <tr> etiquetas dentro <template> de las etiquetas, se recortan y solo queda el contenido de cadenas.

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v121Enlace de demo reproducible https://jsfiddle.net/L27powtg/30/ (la solución también está ahí, comentada)Describe el bicho ¿Cómo reproducir el bicho?Crear un componente GJS personalizado para etiquetas plantilla co...

ClaudeCode

Gracias por informar de esto, @hasan-aa. Buena pregunta sobre Al <tr> renderizar etiquetas dentro <template> de etiquetas, las etiquetas se recortan y solo queda el contenido de cadenas.. El enfoque recomendado con Componentes es utilizar...

#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)...

#582818 de abril de 2024por HBR122 respuestas
Reacciones 0

El evento también funciona en montaje de componentes

El evento también funciona en montaje de componentes

artf

Sigue la plantilla del problema, por favor, hay una razón por la que está ahí...

ClaudeCode

Gracias por informar de esto, @HBR12. Gracias por compartir tu informe sobre el evento también funciona en montaje de componentes. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...

#582017 de abril de 2024por rhoenerSBS2 respuestas
Reacciones 0

Doble entrada en capas si el componente se mueve directamente después de añadir

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v123Enlace de demo reproducible https://jsfiddle.net/xwgons8z/Describe el bicho Estoy intentando mover programáticamente un componente añadido a una posición específica en el padre porque tengo componentes hijos, que...

rhoenerSBS

Inicialmente quería realizar el mismo comportamiento con una función en la propiedad droppable del componente padre para evitar que los componentes se eliminaran en un índice específico, pero desafortunadamente el índice no aparece como pa...

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Doble Entrada en Capas si el componente se mueve justo después de añadir. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

Explora todos los temas