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
#448026 de julio de 2022por ValouZ2 respuestas
Reacciones 0

El iframe en un bloque no se puede editar

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox v102.0.1 Enlace de demo reproducible Este es código de trabajo, no puedo... Describe el bicho ¿Cómo reproducir el bicho?Arrastrar y soltar en la página el bloque VídeoVerás que no puedes hacer nada con mi iframe ¿...

artf

Gracias @ValouZ por el informe, de hecho hay un error tipográfico en la vista de iframe. Me encargaré de ello para la próxima entrega.

ClaudeCode

Gracias por informar de esto, @ValouZ. Buena pregunta sobre Iframe en un bloque que no se puede editar. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...

#447523 de julio de 2022por zithasdev2 respuestas
Reacciones 0

Botón de enlace No funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 103.0.5060.134Enlace de demo reproducible https://www.w3schools.com/html/tryit.asp?filename=tryhtmllinksw3schoolsDescribe el bicho ¿Cómo reproducir el bicho?.cuando trabajo en mi enlace relacionado con el proyecto .....

artf

Lo siento, pero tienes que abrir bien el problema del bug siguiendo todos los pasos y proporcionando una demo reproducible.

ClaudeCode

Gracias por informar de esto, @zithasdev. Buena pregunta sobre El botón de enlace no funciona. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específ...

#447422 de julio de 2022por bimsina3 respuestas
Reacciones 2

Ejecutar en modo sin cabeza requiere ventana

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 103.0.5060.134Enlace de demo reproducible https://stackblitz.com/edit/node-zrdtg4?file=index.jsDescribe el bicho ¿Cómo reproducir el bicho?Inicializar el editor en modo sin interfazCargar los datos del proyecto solo...

skru

véase #4473

artf

Arreglado aquí https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6

ClaudeCode

Gracias por informar de esto, @bimsina. Buena pregunta sobre Correr en modo sin cabeza requiere ventana. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu...

#447322 de julio de 2022por skru2 respuestas
Reacciones 0

V0.19.5 Rompe el editor sin interfaz intercalada.setComponents(): "Uncaught (en promesa) ReferenceError: la ventana no está definida"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 102.0.5005.115 (Versión oficial) (64 bits) Enlace de demo reproducible Describe el bicho ¿Cómo reproducir el bicho? No puedo reproducir esto en JSFiddle, pero tiene sentido. #4373 ha introducido un error en editor....

artf

Gracias@skru me encargaré yo

ClaudeCode

Gracias por informar de esto, @skru. Buena pregunta sobre v0.19.5 Rompe el editor headless.setComponents(): "Uncaught (in promis) ReferenceError: la ventana no está definida". El enfoque recomendado con Componentes es utilizar la API orien...

#446620 de julio de 2022por capoia3 respuestas
Reacciones 1

El cambio en los rasgos no actualiza el HTML

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/weellingtonc/t8hs9f67/2/ Describe el bicho ¿Cómo reproducir el bicho?añadir el componente 'button-cube' al espacio de trabajohaz clic en el botón de crearVe al componente de...

skru

Primero, tu código debe ir en un plugin https://grapesjs.com/docs/modules/Components.html#define-custom-component-type Y no estás actualizando el modelo del componente, solo el HTML en el lienzo... https://jsfiddle.net/jmweg8u1/4/

artf

Sí, correcto, gracias @skru También puedes conectar el 'contenido' directamente con el rasgo para leer también el valor inicial. '''js rasgos: [{ etiqueta: 'Texto do botão', tipo: 'texto', nombre: 'contenido', changeProp: true }], ```

ClaudeCode

Gracias por informar de esto, @capoia. Buena pregunta sobre El cambio en los rasgos no actualiza el html. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#445518 de julio de 2022por mickeyDominic3 respuestas
Reacciones 0

'panel-dispositivos' y 'panel-switcher' en conflicto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 103.0.5060.114 Enlace de demo reproducible https://codepen.io/Dominic_M/pen/eYMgqyw Describe el bicho ¿Cómo reproducir el bicho?Sigue GrapesJS "Comenzando" >> https://grapesjs.com/docs/getting-started.ht...

artf

@mickeyDominic colocas todos los paneles por defecto bajo el mismo objeto '''js Paneles: { Valores predeterminados: [{ id: 'capas', EL: '.panelright', // ... id: 'conmutador de panel', EL: '.panelswitcher', }] }

mickeyDominic

Gracias, @artf. Qué tonta :)

ClaudeCode

Gracias por informar de esto, @mickeyDominic. Buena pregunta sobre 'panel-dispositivos' y 'panel-switcher' que están en conflicto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documen...

#444914 de julio de 2022por skru4 respuestas
Reacciones 0

Las listas no funcionan con el RTE predeterminado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 102.0.5005.115 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/6Ldn124x/3/ Describe el bicho ¿Cómo reproducir el bicho?Haz clic en el bloque de texto para abrir RTEIntenta añadi...

skru

He intentado encontrar una solución para esto, pero no he conseguido. El problema ocurre con: onKeydown(evento) { if (event.key === 'Enter') { this.doc.execCommand('insertLineBreak'); event.preventDefault(); } } Lo cual, al crear una lista...

artf

Aún no estoy seguro de cuál es la mejor solución a largo plazo, pero como solución alternativa, podemos evitar esa condición comprobando el estado activo de 'insertOrderedList'/'insertUnorderedList'. Me encargaré de ello para la próxima en...

jack2ky

¿Dónde encontrar otros comandos como "insertUnorderedList"?

#444814 de julio de 2022por ronaldohoch4 respuestas
Reacciones 0

Error al redimensionar la imagen.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Navegador Brave Última versión Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Abre la página de demostración.Crea una imagen.Haz doble clic para seleccionar la image...

artf

Hola Ronaldo, no estoy seguro de si hay una forma sencilla de corregir este comportamiento globalmente para todos los casos de uso, ya que estás redimensionando la imagen para ambos tamaños y no solo para el ancho (en ese caso la altura no...

gustavohleal

Hola @artf. Una forma en la que pensamos para solucionar esto en nuestro caso de uso basado en nuestros usuarios es cambiar siempre las unidades de ancho y alto juntas. Eso significa que cuando el usuario cambia el ancho de píxeles a %, po...

ronaldohoch

Avísame si te funciona Hola Arthur, estas configuraciones no han hecho ningún cambio en la imagen, siguen poniendo la altura con 'px' en vez de 'auto', como sugiere la propiedad 'keepAutoHeight'

#444713 de julio de 2022por barryross3 respuestas
Reacciones 0

El responsable de estilo no refleja con precisión el color heredado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 103.0.5060.114 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Haz clic en un contenedor padre, como el primer componente con la clase '.container-width' en la demoEn...

artf

Hola Barry, sí, actualmente este es el comportamiento esperado (mira también esta discusión) pero espero que algún día pueda dar un apoyo adecuado para las propiedades heredadas.

barryross

Vale, gracias por decírmelo El lunes, 18 de julio de 2022 a las 9:29 AM Artur Arseniev @.> Escribió: Hola Barry, sí, actualmente este es el comportamiento esperado (mira también esto discusión <https://github.com/artf/grapesjs/discussions/...

ClaudeCode

Gracias por informar de esto, @barryross. Buena pregunta sobre Style manager no refleja con precisión el color heredado. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#444011 de julio de 2022por skru2 respuestas
Reacciones 1

Extender el componente de texto rompe bloques textibles

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 102.0.5005.115 (Versión oficial) (64 bits)Enlace de demo reproducible https://jsfiddle.net/trh1sbmk/17/Describe el bicho ¿Cómo reproducir el bicho?Violín suministrado por GoTo.Arrastra el bloque "Componente de texto...

artf

Gracias@skru sí, hay un problema interno que tengo que solucionar para gestionar correctamente los componentes de texto extendidos, pero una vez solucionado, otra cosa a tener en cuenta cuando extiendes componentes de texto es usar la prop...

ClaudeCode

Gracias por informar de esto, @skru. Buena pregunta sobre Extender un componente de texto rompe bloques textibles. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...

Explora todos los temas