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 877

🔍 question
#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

ClaudeCode

Gracias por informar de esto, @ngoc199. Buena pregunta sobre que los tipos cambian a 'any' en la v0.21.1. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#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 se debe 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 el componente vue.js página en el editor, t...

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

ClaudeCode

Gracias por informar de esto, @innothetechgeek. El problema con Styles cargados a través del punto de entrada de Vue que no funcionan parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocur...

#504913 de abril de 2023por ronaldohoch4 respuestas
Reacciones 2

Problema al arrastrar un componente compuesto por imagen y enlace

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(); ```

ClaudeCode

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.

ClaudeCode

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre 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 '...

#504010 de abril de 2023por abubaker417Respuesta 1
Reacciones 0

Añadió eventos estilizados para que el estilo pueda ser sobrescrito y abierto

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 Proporcioné el código Describe el bicho Añadió eventos estilizables para que el estilo pudiera sobrescribirse https://github.com/GrapesJS/grap...

ClaudeCode

Gracias por informar de esto, @abubaker417. El problema de añadir eventos estilizados de modo que el estilo pueda sobrescribirse, abierto parece ser una condición de carrera o un problema de gestión de tiempos de estado. Esto suele ocurrir...

#50376 de abril de 2023por siddhi13974 respuestas
Reacciones 0

¿Cómo arrastrar texto externo a un índice concreto dentro del componente textible?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición espec...

siddhi1397

Hola @artf, Cuando arrastro contenido externo dentro del editor, debería soltarse en una posición específica, pero se está solapando con el contenido existente en el componente. ¿Hay alguna forma de colocar el texto en la posición específi...

artf

@siddhi1397 por favor, no abran los problemas de errores como características o preguntas

siddhi1397

Vale, perdón por eso. @artf Pero, ¿podrías ayudarme a saber cómo se puede implementar esto?

#502031 de marzo de 2023por at-codes2 respuestas
Reacciones 1

Cambiar el atributo del título en los botones del panel de vistas no persiste

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://jsfiddle.net/em9kt2Lb/Describe el bicho ¿Cómo reproducir el bicho? Implementa el código de abajo al cargar el editor ¿Cuál es el comportamiento esperado? Los títulos de los botones...

artf

Los títulos de los códigos de alta @at para los botones del panel están conectados directamente a i18n local strings, así que tendrás que actualizar esas cadenas ahí. Puedes encontrar más información sobre el módulo i18n aquí.

ClaudeCode

Gracias por informar de esto, @at-codes. Buena pregunta sobre Cambiar el atributo del título en los botones del panel de vistas no persiste. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

#501931 de marzo de 2023por julia-alberici2 respuestas
Reacciones 0

No se puede configurar el modo de vista previa en editor init cuando se usa loadProjectData()

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v111 Enlace de demo reproducible https://codesandbox.io/s/grapesjs-react-components-forked-h3j496?file=/src/index.js Describe el bicho ¿Cómo reproducir el bicho?Iniciar un proyecto con grapesjs usando ReactjsUsa 'l...

julia-alberici

Para que conste, esto no era realmente un error, y pude lograr el comportamiento esperado reemplazando a 'editor.onReady(() => { editor.runCommand("preview"); }); ' con 'editor.on('update', () => { editor.runCommand('preview'); }); `

ClaudeCode

Gracias por informar de esto, @julia-alberici. Buena pregunta sobre No se puede configurar el modo de previsualización en editor init cuando se usa loadProjectData(). El enfoque recomendado con StyleManager es usar la API orientada a event...

Explora todos los temas