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 466

🔍 components
#45035 de agosto de 2022por gustavohleal4 respuestas
Reacciones 0

Faltan estilos en línea usados por CKEditor al añadir componentes html en bruto

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-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?Abre las herramientas de desarrollo en la pestaña de consolaEjecuta el código de abajoS...

shkhalid

+1

pety-dc

Hola He tenido problemas similares. Creo que es bastante serio, ya que tanto el boletín como la demo de mjml se ven afectados. (Ambos usan CKeditor como RTE) Cuando importo un contenido que tiene un texto (mj-text) que tiene elementos esti...

raymondmakz

Salida de CKEDITOR: '<div>algunos textos enriquecidos de <span style="color:blue">ckeditor</span></div>' Después de analizar en editor, conviértete en lo siguiente: '<div data-gjs-type="text">some rich text from <span style="color:blue" da...

#44973 de agosto de 2022por benryanwilliams4 respuestas
Reacciones 3

Actualizar a GrapesJS v19.5 desde la v18.4 hace que Chrome deje de responder

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? Chrome 104.0.5112.79Enlace de demo reproducible https://jsfiddle.net/gvrnw2c3/4/Describe el bicho ¿Cómo reproducir el bicho? Actualmente no puedo reproducir el error usando jsfiddle, lo que me hace pensar que es un problema de Chrom...

tyuterry

Una reproducción en Fiddle (con vue) No puedo reproducirme sin vue jugueteo Pasos para reproducir el problema:Añadir un componente de textoSelecciona el componente de texto y luego haz clic en el botón 'Convertir a Condicional' en la parte...

artf

Gracias chicos, de hecho pude reproducirlo envolviendo el ejemplo dentro de Vue, pero no estoy seguro de por qué está atascado en el bucle aquí. A primera vista, parece estar relacionado con los observadores Proxy de Vue. Comparando la dem...

benryanwilliams

Gracias @artf, todo funciona perfectamente ahora al declarar el editor fuera de la instancia de Vue.

#44953 de agosto de 2022por TechyMSRespuesta 1
Reacciones 0

El componente de botón no funciona

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cuál es el comportamiento esperado? El componente de botón no funciona.Código de conducta [X] Acepto seguir el Código de Conducta de est...

ClaudeCode

Gracias por informar de esto, @TechyMS. El problema con El componente de botón no funciona parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de...

#448127 de julio de 2022por skru2 respuestas
Reacciones 0

V0.19.5 Rompe el editor sin interfaz (setComponents() (con bloque Mapa/Vídeo)

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 Esta es una extensión del #4473 Al añadir un mapa o bloque de vídeo mediante editor.setComponents() en un entorno headless, o...

artf

Gracias @skru de hecho ya he solucionado el parseUri aquí, así que debería funcionar en la próxima versión

ClaudeCode

Gracias por informar de esto, @skru. El problema con v0.19.5 Rompe el editor sin interfaz head.setComponents() (con bloque Mapa/Vídeo) parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocu...

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

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

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

Explora todos los temas