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 3,464

#588213 de mayo de 2024por Riddle1001Respuesta 1
Reacciones 0

ID no se actualiza tras el cambio

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?Crear un bloqueHaz clicVe a la pestaña de rasgosEstablecer un nuevo IDVe a la pestaña de estilosVer que el DNI n...

ClaudeCode

Gracias por informar de esto, @Riddle1001. Buena pregunta sobre ID no se actualiza tras el cambio. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

#58697 de mayo de 2024por ajayagrahari092 respuestas
Reacciones 0

Opciones de iconos y formas

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible PruebaDescribe el bicho No veo ninguna forma de mostrar iconos o formasCódigo de conducta[X] Acepto seguir el Código de Conducta de este proyecto

artf

Por favor, utiliza el panel de Discusión si tienes preguntas.

ClaudeCode

Gracias por informar de esto, @ajayagrahari09. El problema con Iconos y Formas parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modifica...

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

#582618 de abril de 2024por subhojit-unnatimRespuesta 1
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 123.0.6312.123 Enlace de demo reproducible https://jsfiddle.net/35Lq26du/1/ Describe el bicho ¿Cómo reproducir el bicho?Insertar cualquier contenedor, columna, etc.Cambiar el color de fondo de cualquiera de los con...

ClaudeCode

Gracias por informar de esto, @subhojit-unnatim. Buena pregunta sobre *. 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 Busca el método...

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

#581215 de abril de 2024por jogibear9988Respuesta 1
Reacciones 0

¿Te interesa colaborar?

Enlace de demo reproducible https://node-projects.github.io/web-component-designer-demo/index.htmlDescribe el bicho Hace unos años empecé un Framework para diseñar páginas web con webcomponents, y ahora he encontrado GrapeJS. ¿Pensé que quizá teníamos los mismos objetivos y podríamos beneficiarnos el uno del otro? (No...

ClaudeCode

Gracias por informar de esto, @jogibear9988. El problema con ¿Interesado en la colaboración? parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida...

#581014 de abril de 2024por ctrhub4 respuestas
Reacciones 1

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

#580311 de abril de 2024por rhoenerSBS3 respuestas
Reacciones 0

Filtrar bloques no funciona como se describe en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v123 Enlace de demo reproducible https://jsfiddle.net/7xu0efLc/3/ Describe el bicho La documentación de GrapesJs muestra que supuestamente es posible filtrar los bloques y volver a renderizar el BlockManager con la...

artf

Ese método solo es válido una vez que el gestor de bloques por defecto ya está renderizado. Si necesitas volver a renderizar al principio, puedes suscribirte al evento de activación del gestor de bloques. '''js editor.on('command:run:open-...

rhoenerSBS

¡Gracias@artf

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Filtrar bloqueos no funciona como se describe en la documentación. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentac...

Explora todos los temas