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

#50862 de mayo de 2023por SagarMaria3 respuestas
Reacciones 0

Style:property:update y Property onChange se activan en exceso

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 112.0.5615.137 (Versión oficial) Enlace de demo reproducible https://jsfiddle.net/SagarMaria/sunygp2f/3/ Describe el bicho ¿Cómo reproducir el bicho?En el jsfiddle, simplemente haz clic en el componente...

artf

El comportamiento es correcto porque 'style:property:update' se activa en cualquier actualización del Administrador de Estilos Property (no solo en su valor). Así que para tu caso específico tendrías que actualizar la callback de esta mane...

SagarMaria

Hola @artf, gracias por la rápida respuesta, pero en realidad, parte del problema sigue siendo que, incluso después de hacer un cambio, por ejemplo, hacer clic en "centrar" alinear opción de radio con la instrucción if que sugeriste, las s...

GJS Helper

Gracias por informar de esto, @SagarMaria. Buena pregunta sobre Style:property:update y Property onChange que se activan excesivamente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la d...

#508329 de abril de 2023por DanavsSite4 respuestas
Reacciones 0

Los bloques no se pueden arrastrar para el lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Tauri 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 reproducir e...

DanavsSite

! 2023-04-29 143431-Greenshot

DanavsSite

Acabo de enterarme de que es por WebView 2. Soporte para webview2??!

artf

Creo que esto está más relacionado con alguna configuración Tauri que con GrapesJS, ya que usamos el arrastre y solta nativo de HTML5

#507928 de abril de 2023por TO-JHummel2 respuestas
Reacciones 0

Crash when dragging into nested components with Vue+Vite.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 112.0.2 (64 bits) Enlace de demo reproducible https://github.com/TO-JHummel/grapesjs-issue Describe el bicho ¿Cómo reproducir el bicho?Inicia la página minimal vue+vite.Coloca el bloque de capitalizedfor en el edi...

artf

Esto es similar a este uno, tienes que poner la instancia del editor fuera de la instancia de Vue para saltarte sus proxies

GJSBlock

Gracias por informar de esto, @TO-JHummel. Buena pregunta sobre Crash al arrastrar a componentes anidados con Vue+Vite.. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...

#505919 de abril de 2023por abubaker4172 respuestas
Reacciones 0

En la segunda utilización, plantilla grapes editor no acepta CSS que el editor creó con IDs aleatorios la primera vez

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Versión 111.0.5563.147 (Versión oficial) (64 bits) Enlace de demo reproducible No puedo reproducir en jsfilddle. Dejé detalles a continuación. Describe el bicho ¿Cómo reproducir el bicho? Esta es mi plantilla que subí en...

artf

@Spiral1234 si no puedes reproducir el problema probablemente sea algo tuyo y sin una demo reproducible es difícil entender qué podría ser un problema

GJS Helper

El problema que estás encontrando proviene de cómo GrapesJS procesa y normaliza los estilos, especialmente los estilos en línea, al importar HTML. Vamos a desglosar la causa raíz y proporcionar el enfoque correcto. Explicación de la causa...

#505317 de abril de 2023por ngoc1992 respuestas
Reacciones 1

Los tipos se cambian a 'any' en la v0.21.1

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? FireFox 112.0 (64 bits) Enlace de demo reproducible Sin enlace de demo Describe el bicho Recientemente actualicé de la v0.20.1 a la v0.21.1. Muchos tipos que existían en la v0.20.1 se cambian a 'any' en la v0.21.1. Por ej...

artf

Gracias @ngoc199 por favor avisadme si faltan otras declaraciones de las versiones anteriores

GJS Helper

Este es un problema conocido relacionado con los archivos de declaración TypeScript (.d.ts) en GrapesJS v0.21.1. El problema surge porque las definiciones de tipo para ciertas funcionalidades principales, como Components.addType y la defin...

#505216 de abril de 2023por innothetechgeek2 respuestas
Reacciones 0

Los estilos cargados a través del punto de entrada de Vue no funcionan

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible N/A Describe el bicho Estoy integrando el plugin grape.js con vue.js. Tengo una página precompilada con html y css precompilados. Cuando cargo la página vue.js componente(s) en el editor...

artf

@innothetechgeek para un problema de bugs adecuado siempre deberías crear una demo reproducible, ya que normalmente hay problemas que no tienen relación con el núcleo en sí. En fin, según tu descripción, quizá quieras definir tu entrada de...

GJS Helper

El problema que estás experimentando, donde los estilos cargados a través de tu punto de entrada Vue.js se pierden al GrapesJS inicializar, es un comportamiento común y proviene de cómo GrapesJS aísla su lienzo de editor. Causa raíz Grapes...

#504913 de abril de 2023por ronaldohoch4 respuestas
Reacciones 2

Problem when dragging component composed by image and link

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproducible https://jsfiddle.net/rp7oc96v/1/ Describe el bicho ¡Hola Arthur! Estoy creando un nuevo componente, una imagen dentro de un enlace, como el componente 'mj-image', pero me quedo...

gustavohleal

¡Hola! He probado tu solución. Cambia la imagen correctamente con la imagen bloqueada dentro del componente principal y puedes moverla. El atributo 'src' cambia en el modelo, pero cuando mueves el componente vuelve a la imagen provisional....

artf

@gustavohleal mi error, tienes que actualizar directamente la propiedad 'src' en lugar del atributo 'image.set({ src: asset.getSrc() });'

artf

Utiliza la propiedad 'data-gjs-locked="true'' para ignorar la imagen y actualizar correctamente tu componente personalizado '''js Eliminar runCommand("open-assets"); ya que no tiene sentido usarlo en el lado del modelo Puedes activar el co...

#504612 de abril de 2023por abubaker4174 respuestas
Reacciones 0

¿hay alguna forma de eliminar el cross svg en el valor predeterminado seleccionado de Float, Position y text-align

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 111.0.5563.147 (Versión oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho? Este es el enlace de la imagen donde puedes comprobarlo https://ib...

artf

@Spiral1234 hay una gran diferencia entre un valor por defecto y el definido (aunque sea igual que el valor por defecto). Por ejemplo, en escritorio defines 'float: right' y en móvil 'float: none', pero aún necesitas la posibilidad en móvi...

abubaker417

@artf, déjame definirte una vez más. Mi pregunta es que si hago clic en el valor por defecto de cualquier módulo, como para float, selecciono ''ninguno'' y entonces ''cross svg'' debería ser ''display: none'', igual que quiero para otros '...

artf

@Spiral1234 no debería ser 'display: none' si SELECCIONAS el valor por defecto, intenta leer detenidamente el caso de uso explicado arriba, tener el valor por defecto y el seleccionado es DIFERENTE.

#504512 de abril de 2023por ronaldohoch2 respuestas
Reacciones 1

Los elementos duplicados perdieron la referencia al elemento padre

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de BraveEnlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho ¿Cómo reproducir el bicho?Dejar una imagen. Selecciona la imagen que se ha dejado caer.Ejecuta el código anterior.Duplicar la image...

artf

@ronaldohoch por favor utiliza la API documentada adecuada '''js editor.getSelected().padre(); editor.getSelected().index(); ```

GJS Helper

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre Los elementos duplicados perdieron la referencia al elemento padre. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la document...

#504211 de abril de 2023por pittleCheung2 respuestas
Reacciones 0

Cada vez que se llama a editor.loadData(data, opts), se activa el método de almacenamiento definido en el editor. Storage.add("api-remote", {...}), que registra el mensaje 'api-remote store'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? Es fácil ¿Cuál es el comportamiento esperado? Quiero usar editor.load para cargar datos y cambiar de página, pero no q...

artf

Puedes actualizar dinámicamente 'stepsBeforeSave' para evitar activar la tienda en la llamada de almacenamiento. Por favor, la próxima vez usa Discusión, ya que esto no es un bug sino una cuestión de implementación.

GJS Helper

El problema que estás encontrando, donde editor.loadData(data, opts) activa el método store de tu almacenamiento personalizado, es un punto común de confusión pero no un error en sí loadData . El método editor.loadData está diseñado para i...

Explora todos los temas