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 183

🔍 documentation
#428525 de abril de 2022por zauchad2 respuestas
Reacciones 0
questioncomponentsbugdocumentationtypescript

Ancho de barra de herramientas que no se ajusta correctamente

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v100.0.4896.127Enlace de demo reproducible No hay enlace de demostración.Describe el bicho ¿Cómo reproducir el bicho?Simplemente coloca iconos más grandes dentro de la barra de herramientas (por ejemplo, clase de fon...

artf

Hay muchas razones para mantener fijo el tamaño del elemento de la barra de herramientas; si quieres que sea más grande, simplemente puedes actualizar el CSS.

ClaudeCode

Gracias por informar de esto, @zauchad. Buena pregunta sobre [barra de herramientas de componentes] El ancho de la barra de herramientas no se ajusta correctamente. El enfoque recomendado con Componentes es utilizar la API orientada a even...

Ver detalles
#426316 de abril de 2022por omkar1111112 respuestas
Reacciones 0
questionbugdocumentationtypescript

¿Cómo se debe certificar SSL?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Enlace de demo reproducible Describe el bicho Perdón por preguntarlo aquí. Pero tengo prisa. Estoy creando un servicio en el que alojo sitios web para mis clientes. Entonces, para cada nuevo sitio, ¿GrapeDrop crea un nuev...

artf

Por favor, evita usar los problemas de GrapesJS para preguntas fuera de tema.

ClaudeCode

Gracias por informar de esto, @omkar111111. Buena pregunta sobre certificado SSL, ¿cómo hacerlo?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espe...

Ver detalles
#42487 de abril de 2022por protozoo2 respuestas
Reacciones 0
questioncanvasbugcomponentsdocumentation

La interacción de arrastrar y soltar bloques falla dentro de la extensión vscode webview

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? VSCode (WebView dentro de la extensión VSCode) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear una nueva extensión vscode (o usar una que ya tengas)Crear una We...

artf

Hola @protozoo no estoy seguro exactamente de por qué, pero parece que el iframe vscode (probablemente en formato sandbox) bloquea el arrastre y solta nativo de HTML5 (esto es lo que se usa en los bloques). Como esto no está estrictamente...

ClaudeCode

Gracias por informar de esto, @protozoo. Buena pregunta sobre fallos de interacción de arrastrar y soltar bloques dentro de la extensión vscode webview. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aq...

Ver detalles
#42477 de abril de 2022por gustavohleal2 respuestas
Reacciones 0
questioncomponentsbugdocumentationcanvas

Componentes que desaparecen o no se renderizan al clonar, mover o añadir

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromium v96 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de una columnaSelecciona la columnaHaz clic en el botón de copiar en la barra d...

artf

Lo siento, pero demo-mjml es un plugin y no está directamente relacionado con el núcleo. No veo problemas con el renderizador por defecto de componentes que puedan estar relacionados con el renderizador mjml de componentes y no tengo motiv...

ClaudeCode

Gracias por informar de esto, @gustavohleal. Buena pregunta sobre componentes que desaparecen o no se renderizan al clonar, mover o añadir. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta l...

Ver detalles
#415724 de febrero de 2022por Adham3803 respuestas
Reacciones 0
bugquestiondocumentationcanvastypescript

Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge 98.0.1108.56 Enlace de demo reproducible https://jsfiddle.net/473b2tah/1/ Describe el bicho El redimensionamiento del lienzo está bien, pero no tiene en cuenta que uno podría estar trabajando con desplazami...

Adham380

He encontrado una especie de solución... Establece el wrapper de trama .gjs al ancho deseado en CSS y transforma: translate (- x px, 0px) para el iframe en CSS. El lienzo no tiene el ancho correcto entonces (un poco más pequeño), pero todo...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

ClaudeCode

Gracias por informar de esto, @Adham380. El problema con Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto' parece ser un problema de condición de carrera o de sincr...

Ver detalles
#409724 de enero de 2022por Joshmamroud3 respuestas
Reacciones 1
questionbugdocumentationcanvasstyle-manager

MousePosFetcher en el listener de reizer config & change:style no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave V1.34.81 Enlace de demo reproducible https://jsfiddle.net/joshmamroud/vkrcxuzb/41/ Describe el bicho ¿Cómo reproducir el bicho?Añadir un bloque de cuadrícula al lienzoRedimensionar una columnaFíjate que los registro...

artf

Hola @Joshmamroud CBs deben llamarse cuando se llama a mousePosFetcher Eso no ocurre porque las opciones 'redimensionables' no se pasen directamente al Resizer, sino a través del comando 'redimensionar'. Puedes ver que MousePosFetcher ahí...

Joshmamroud

¡Gracias @artf! Tiene sentido.

ClaudeCode

Gracias por informar de esto, @Joshmamroud. Buena pregunta sobre mousePosFetcher en el oyente de configuración y cambio de estilo del resizedor. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Cons...

Ver detalles
#408220 de enero de 2022por jloguercio3 respuestas
Reacciones 0
canvasstyle-managerbugquestiondocumentation

Elimina algunos estilos iniciales del lienzo del marco

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v96 Enlace de demo reproducible Sin demo Describe el bicho Cuando cargo una plantilla, el editor añade algunos estilos iniciales como la imagen de abajo, ¿cómo puedo configurar o eliminar algunos o esos estilos? Po...

artf

Revisa las opciones de configuración del editor principal (por ejemplo, 'baseCss') https://github.com/artf/grapesjs/blob/dev/src/editor/config/config.js Y por favor, no utilicéis los errores de los problemas para las preguntas, en ese caso...

jloguercio

Muchas gracias

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con Eliminar algunos estilos iniciales del lienzo del marco parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

Ver detalles
#403328 de diciembre de 2021por 0xcrypto2 respuestas
Reacciones 1
documentationbugquestion

Enlace incorrecto y error tipográfico en la documentación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? N/A Enlace de demo reproducible https://github.com/artf/grapesjs/blob/849a28757dc8dcd059c5ee6e6ac1bfd8b49a78b2/docs/modules/Blocks.md?plain=1#L138 Describe el bicho Solo un pequeño error tipográfico con un enlace localhos...

artf

Gracias@0xcrypto se arreglará 👍

ClaudeCode

Gracias por informar de esto, @0xcrypto. El problema con enlace incorrecto y error tipográfico en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los evento...

Ver detalles
#40018 de diciembre de 2021por javadsamiee2 respuestas
Reacciones 0
questionbugdocumentationkeyboard

No puede mantener la unidad actual cuando la primera entrada tiene valor Auto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 96.0.4664.93 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque nuevo, por ejemplo, Bloque de TextoNavegar dimensión > ancho (por defecto es Auto)Cambiar...

artf

Mirando la demo actual, parece que está solucionado.

ClaudeCode

Gracias por informar de esto, @javadsamiee. Buena pregunta sobre No puede contener la unidad actual cuando la primera entrada tiene valor Automático. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Con...

Ver detalles
#383229 de septiembre de 2021por Sudhin354 respuestas
Reacciones 0
style-managerquestionbugcomponentsdocumentation

Se eliminan las clases css y los identificadores generados automáticamente para cada etiqueta html cambian (Ejemplo: ivj5m-2) tras cada recarga

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho? Instala las uvas en la app React Ve al editor y arrastra un componente. (Ejemplo: componente de texto) Estiliza el componente usa...

Sudhin35

Por favor, guíame sobre esto

artf

Desactiva 'autoload: true' estás cargando todo dos veces

Sudhin35

Gracias @artf. Esto solucionó mi problema

Ver detalles

Explora todos los temas