PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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 545

🔍 typescript
#568315 de febrero de 2024por JonathanRiche2 respuestas
Reacciones 0

Command.runCommand no funciona para el comando integrado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrom v121 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la página graepesjs.com/demo, abre la consola y usa el objeto editor global ejecuta el método editor.r...

JonathanRiche

Primero tenía que ejecutar visualEditor.stopCommand('sw-visibility') no estoy seguro si esto es nuevoRunCommand que antes se usaba para alternar con la necesidad de ejecutar stop

GJS Helper

Gracias por reportar este problema. He investigado el comportamiento de editor.runCommand('sw-visibility') en la última página de demostración de GrapesJS (https://grapesjs.com/demo.html) y he comprobado que el comando funciona como se esp...

#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

GJS Helper

El problema que estás encontrando cuando un elemento <td> cambia su comportamiento de visualización (apareciendo como un table-row o table-body) cuando se aplica float: right o float: left no es un error específico de GrapesJS. En cambio,...

#56749 de febrero de 2024por mauriciolcs22 respuestas
Reacciones 0

El lienzo infinito aumenta su altura infinitamente cuando hay un elemento con una altura mínima de 100 vh

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Arc versión 1.29.0 (46113)Enlace de demo reproducible https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioDescribe el bicho ¿Cómo reproducir el bicho?Habilitar un lienzo infinitoAñadir al menos dos componentes al lienzoEst...

artf

Evita usar lienzo infinito porque nunca se documentó y ni siquiera se terminó como funcionalidad.

GJS Helper

El problema que tienes con el lienzo infinito de GrapesJS que aumenta su altura infinitamente cuando hay un elemento con min-height: 100vh es un problema conocido de interacción entre las unidades de visor CSS (vh) y el mecanismo dinámico...

#56686 de febrero de 2024por addlistener2 respuestas
Reacciones 1

Sourcemap no carga para CompoentTextView

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 121.0.6167.139 (Versión oficial) (x86_64) Enlace de demo reproducible Ninguna. Describe el bicho ¿Cómo reproducir el bicho?añadir un custom Rte y establecer puntos de interrupciónhaz clic en step out hasta que lle...

artf

Solo puedo sugerir que revises correctamente la ruta del mapa fuente <img width="346" alt="Captura de pantalla 2024-02-12 at 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> Por eje...

GJS Helper

Parece que estás teniendo un problema en el que el sourcemap de ComponentTextView no carga en DevTools de tu navegador, aunque RichTextEditorModule's 's sourcemap parece funcionar. Este es un punto común de confusión al depurar librerías J...

#563320 de enero de 2024por kla-ko3 respuestas
Reacciones 0

No se puede seleccionar componente en el manejador ''component:remove''

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/opmwfvjn/ Describe el bicho ¿Cómo reproducir el bicho?Abre y ejecuta el violínDos componentes están en el lienzo. La div "hola mundo...

artf

Gracias @kla-ko, en realidad hay una lógica que impide seleccionar otros componentes durante los eventos de 'component:remove' y lo arreglaré para la próxima versión, pero lo que te sugeriría es cambiar a otro evento. El evento 'component:...

kla-ko

Gracias @artf. ¡Esto funciona de maravilla! /

GJS Helper

El problema que tienes en el que editor.select() no funciona como se espera dentro del gestor de component:remove se debe al momento del evento y al ciclo de vida interno de GrapesJScomponentes. El evento component:remove se activa antes d...

#563220 de enero de 2024por Harshsne262 respuestas
Reacciones 0

Añadir un cambio al desadministrador

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible https://codepen.io/dhanadsp1120/pen/ExrRvOB Describe el bicho ¿Cómo reproducir el bicho?Desactiva el gestor de deshacer invocando um.stop().Hacer modificaciones en el contenido.React...

artf

Cuando el gestor de deshacer se reanuda, cualquier modificación realizada tras su pausa debe considerarse como un solo cambio. Esto garantiza que al hacer clic en "deshacer" se revierta todo el conjunto de alteraciones al estado anterior a...

GJS Helper

El problema que estás encontrando es el comportamiento esperado para el GrapesJS UndoManager. Cuando se llama um.stop() , el UndoManager deja de escuchar cambios en el editor. En consecuencia, cualquier modificación realizada durante este...

#563119 de enero de 2024por Harshsne262 respuestas
Reacciones 0

Deshacer el add() del gestor no funciona como se esperaba

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v91 Enlace de demo reproducible -- Describe el bicho ¿Cómo reproducir el bicho? Quería añadir un cambio a la pila de undomanager. 'var components = editor. Componentes; editor. UndoManager.add(components.getCompone...

artf

@Harshsne26 necesitas proporcionar una demo reproducible para un error

GJS Helper

El problema que tienes con editor.UndoManager.add() no funcionan como se espera proviene de un malentendido sobre el uso previsto del método y el tipo de argumento que espera. El GrapesJS UndoManager está diseñado para rastrear los cambios...

#563018 de enero de 2024por kla-ko2 respuestas
Reacciones 0

Configurar una llamada de redimensionamiento onStart() impide redimensionar

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 120.0.6099.225 Enlace de demo reproducible https://jsfiddle.net/wattnu/y8L6whun/ Describe el bicho ¿Cómo reproducir el bicho?Goto jsfiddleejecutar el códigoEn el lienzo, selecciona el componente div azulintenta a...

artf

Buen apunte, lo arreglaré

GJS Helper

El problema que estás encontrando, donde configurar una callback onStart para la propiedad resizable impide que el componente se redimensione se debe a cómo GrapesJS (y a menudo las bibliotecas de arrastre/redimensionamiento subyacentes) g...

#562115 de enero de 2024por ronaldohoch2 respuestas
Reacciones 0

El borde no se tiene en cuenta al mostrar un marcador de posición en elementos vacíos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de EdgeEnlace de demo reproducible https://grapesjs.com/demoDescribe el bicho ¿Cómo reproducir el bicho?Obtener un elemento vacíoAñadir doble borde con alto valor. (20..30px...)Mueve cualquier bloque dentro d...

ronaldohoch

https://github.com/GrapesJS/grapesjs/pull/5622

GJS Helper

Has identificado con precisión un error visual en GrapesJS relacionado con cómo se posiciona el marcador de posición para los elementos vacíos cuando el elemento tiene un borde significativo. Este comportamiento es reproducible en la demo...

#561312 de enero de 2024por SachinPuthiyothRespuesta 1
Reacciones 0

Definición incorrecta de tipo para StyleManagerConfig.sectors.properties

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Ninguno Describe el bicho ¿Cómo reproducir el bicho?Según la definición de sectores en https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager...

GJS Helper

Has identificado con precisión una inconsistencia en la definición de tipo en GrapesJS. El problema surge de una descoordinación entre el tipo declarado para StyleManagerConfig.sectors.properties en src/stylemanager/config/config.ts y su u...

Explora todos los temas