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

#450610 de agosto de 2022por tyuterry4 respuestas
Reacciones 0

Error en el bloque de arrastre con modo de arrastre: absoluto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v103 Enlace de demo reproducible https://stackblitz.com/edit/js-1xpo7b Describe el bicho ¿Cómo reproducir el bicho?usar modo drag: absoluto (modo diseñador)arrastrar un bloque desde el Administrador de bloques No p...

artf

Gracias @tyutony el problema ya estaba solucionado (https://github.com/artf/grapesjs/pull/4487). Desafortunadamente, la única solución ahora sería exponer globalmente la instancia 'editor' ('window.editor = grapesjs.init({...})`)

wunksert

@tyutony estoy pasando por lo mismo, ¿encontraste alguna solución? No parece que el error esté arreglado

artf

@wunksert está arreglado pero aún no se ha publicado (la nueva versión se publicará pronto)

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

#45015 de agosto de 2022por udayan462 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 Sin enlace de demo Describe el bicho Hola @artf, ¿puedes comprobar estos dos por favor?No se puede añadir código de colores manualmente en el editor grapesjsEl modal de importación no ti...

artf

Por favor, no abran los problemas de BUG si no pueden proporcionar una demo reproducible.

ClaudeCode

Gracias por informar de esto, @udayan46. El problema con * parece ser una condición de carrera o un problema de temporización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modificac...

#44984 de agosto de 2022por ajjuyadav02092 respuestas
Reacciones 0

Ver varias páginas en scroll

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? valiente Enlace de demo reproducible https://codepen.io/etamity/pen/NWpKYPp Describe el bicho ¿Cómo ver varias páginas en Onscroll usando el Administrador de Páginas? Código de conducta [X] Acepto seguir el Código de Cond...

artf

Por favor, utiliza Debates para preguntas

ClaudeCode

Gracias por informar de esto, @ajjuyadav0209. Buena pregunta sobre Ver varias páginas en scroll. 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...

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

#44963 de agosto de 2022por bovealexandre4 respuestas
Reacciones 0

SetStyle

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible Ninguno, ya que tiene demasiado código personalizado con React y cosas asíDescribe el bicho ¿Cómo reproducir el bicho? añadir más estilos al editor con setStyles aquí está...

bovealexandre

y cuando intento añadir esto Solo añade esto

artf

@bovealexandre proporcionar al menos un ejemplo mínimo reproducible, ya que por lo que veo ahora mismo podría ser tu código personalizado la razón

bovealexandre

@bovealexandre proporcionar al menos un ejemplo mínimo reproducible, ya que por lo que veo ahora mismo podría ser tu código personalizado la razón vale, solo tenía que hacer editor.getCss({ keepUnusedStyles: true } en mi editor scss

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

#448930 de julio de 2022por contentfree4 respuestas
Reacciones 0

Cargar datos iniciales de un proyecto en modo diseñador da lugar a un tamaño de lienzo incorrecto

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v103 Enlace de demo reproducible https://codesandbox.io/s/laughing-austin-k12mc3?file=/index.js Describe el bicho Si ves el CodeSandbox enlazado y encuentras la línea comentada que proporciona los projectData al ed...

contentfree

Puedo forzarlo a tener el tamaño correcto del lienzo mediante:No proporcionar projectData en la configuración inicial, Cargar los projectData a través de 'editor.loadProjectData(...)' tras la inicialización y Luego ejecutando 'editor. Canv...

artf

Gracias@contentfree intentaré arreglarlo para la próxima versión

contentfree

Gracias @artf. Estaré atenta a la próxima versión (parece que tu tablero kanban está vacío ahora... ¿Entonces debería ser inminente?)

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

Explora todos los temas