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 743

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

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

#580111 de abril de 2024por oliviermgxRespuesta 1
Reacciones 0

Error de tipado en dist/index.d.ts

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible dist/index.d.ts Describe el bicho ¿Error de tipado?experiencia en lugar de propiedad No sé si es grave líneas 8053/8054 : ' addBuiltIn(prop: string, definition: Omit<PropertyProps, "pro...

ClaudeCode

Gracias por informar de esto, @oliviermgx. El problema del error de tiping en dist/index.d.ts parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del ciclo de vid...

#57954 de abril de 2024por gitpugal2 respuestas
Reacciones 0

¿Cómo añadir un gestor de bloques personalizado adicional como tabulación o sección como gestor de bloques y gestor de estilos, y añadirlo a algunos bloques?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V9 Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual? ... Si es necesario ejecutar algo de código para reprodu...

artf

@gitpugal por favor, utiliza las Discusiones si tienes alguna pregunta

ClaudeCode

Gracias por informar de esto, @gitpugal. Buena pregunta sobre ¿Cómo añadir un gestor de bloques personalizado adicional como tabulador o sección como gestor de bloques y gestor de estilos, y añadirle algunos bloques?. El enfoque recomendad...

#57882 de abril de 2024por lexoyo3 respuestas
Reacciones 0

Propiedades CSS valores por defecto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? N/AEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Hola a todos !! <3 ¿Cómo reproducir el bicho?Demo de la página oficial de Grapesjs abierta https://grapesjs.com/demo.html)haz clic en un contene...

artf

necesito seleccionar otra cosa que no sea normal otra vez Sí, en caso de que no haya valores, la interfaz predeterminada preselecciona el valor 'por defecto', pero eso se puede actualizar fácilmente '''js editor. StyleManager.getProperty('...

lexoyo

Ah, vale, pensaba que querrías que el valor predeterminado por defecto fuera el comportamiento 😃 esperado Gracias por la respuesta

ClaudeCode

Gracias por informar de esto, @lexoyo. Buena pregunta sobre propiedades CSS, valores por defecto. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

Explora todos los temas