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
#41161 de febrero de 2022por saudAtIrisdame4 respuestas
Reacciones 0

Flex Property no funciona en el gestor de estilo

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Versión 1.34.81 Chromium: 97.0.4692.99 (Versión oficial) (64 bits) Enlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.js Describe el bicho ! Propiedad Flexible ¿Cómo reproducir el bicho?crear un com...

Vac1911

Diagnosticé el problema tras encontrar el mismo problema por mi cuenta. Mirando 'StyleManager.select()' https://github.com/artf/grapesjs/blob/75cd582a8d1a91096276bc4dccc7475a269ad45c/src/style_manager/index.js#L339-L395 En la línea 369, ca...

saudAtIrisdame

@Vac1911 @artf Lo entiendo, pero ¿cuál es la solución, cómo puedo solucionar este problema? ¿Es este problema de Grapejs o mío?

Vac1911

@saudAtIrisdame Parece que es un problema de Grapejs. Lo arreglé yo mismo cambiando el código fuente, reordenando el método 'select' para comprobar la visibilidad al final. Aquí está el archivo dist después de ejecutar 'build:js' https://g...

#409925 de enero de 2022por jloguercio2 respuestas
Reacciones 0

"Usando draggableComponents: false" todavía arrastra (¿clona?) algunos elementos si intento editar texto

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v96Enlace de demo reproducible https://jsfiddle.net/809enL2w/1/Describe el bicho Yo uso domComponents: { draggableComponents: false }, para evitar arrastrar componentes solo cuando arrastras con la flecha en la barra...

artf

Sí, parece que el D&D nativo de HTML5 sigue funcionando con la selección de texto, intentaré arreglarlo.

ClaudeCode

Gracias por informar de esto, @jloguercio. El problema con "Usando draggableComponents: false" sigue arrastrando (¿clonando?) algunos elementos si intento editar texto parece ser una condición de carrera o un problema de gestión de estado....

#408320 de enero de 2022por henzigo4 respuestas
Reacciones 1

Establecer raíz no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Safari 15.0Enlace de demo reproducible https://jsfiddle.net/adw6y12f/9/Describe el bicho Hola, Estoy intentando establecer el componente raíz para el editor tal y como se describió aquí. Desafortunadamente, esto no funciona...

artf

Sí, el módulo LayerManager en sí no tiene documentación. De hecho, está en lista de espera para la refactorización y, una vez terminada, podremos publicar más sobre su uso y la documentación de la API. En fin, he visto tu mensaje anterior...

artf

Sí, veo el problema con la configuración raíz en LayerManager. La solución temporal sería activar el cambio de raíz al renderizar el panel de capas: '''js editor.on('run:core:open-layers', () => editor. Layers.setRoot('#editable')); ``` Pe...

henzigo

Gracias por tu respuesta. Sería bueno tener algo de documentación sobre qué es el elemento 'raíz', porque solo las menciones están en relaciones públicas o en números.

#407617 de enero de 2022por diemkay4 respuestas
Reacciones 0

Vulnerabilidad XSS mediante atributos de componentes

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 97.0.4692.71 Enlace de demo reproducible https://jsfiddle.net/ovrz5ug2/4/ Describe el bicho Hola, nos encontramos con esta vulnerabilidad XSS usando GrapesJS en un escenario multijugador, con varios usuarios privil...

artf

Gracias @diemkay por favor consulta este problema si tienes alguna sugerencia: https://github.com/artf/grapesjs/issues/3082

diemkay

@artf Gracias, pero ya he visto esa multa y no cubre el problema que describo aquí. La inyección no está en Vista Previa en Vivo, está en el Gestor de Estilos, donde intenta mostrar el 'id' del componente configurando '.innerHtml'.

artf

Sí, perdón, cerré demasiado pronto 😁. Intentaré arreglarlo para la próxima entrega.

#40422 de enero de 2022por sanjanaadeshra3 respuestas
Reacciones 0

Los iconos no se cargan al cargar dentro de una aplicación angular

Versión GrapesJS[x] Confirmo que uso la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://stackblitz.com/edit/angular-dei45q?file=src%2Fapp%2Fapp.component.tsDescribe el bicho He añadido una imagen adjunta para dar una idea de cómo es el editor ¿Cuál es el comportamiento esperado...

sanjanaadeshra

Pude solucionar este problema añadiendo los iconos de font awesome css directamente al archivo grape.min.css. No sé por qué tuvo que hacerse eso si el CSS ya se estaba importando, funciona con esa solución alternativa, pero sería mejor si...

artf

Tu demo no parece cargar, y la versión de grapesjs que usas ahí está bastante desactualizada ('0.14.15'). Por favor, actualiza y la próxima vez abre el nuevo problema de bugs respecto a la última versión.

ClaudeCode

Gracias por informar de esto, @sanjanaadeshra. El problema con los iconos no se cargan al cargar dentro de una aplicación angular parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir...

#402422 de diciembre de 2021por mingxin-yang4 respuestas
Reacciones 0

Al pegar texto en texto, la vista se desplaza y pierde enfoque

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-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?https://grapesjs.com/demo-newsletter-editor.html usar CKeditor, no sé si es un problema de co...

mingxin-yang

@artf

artf

Este problema viene del propio CKEditor, así que, si hay un parche que aplicar, debería aplicarse a nivel de plugin (ni siquiera estoy seguro de que sea posible), ya que no está relacionado con el núcleo.

bernhardmiller

@mingxin-yang Tuve un problema similar con CKEditor y el desplazamiento. En mi caso, ocurría cuando el usuario pulsaba la tecla de retorno. Si el documento de uvas era demasiado largo, el lienzo se desplazaba demasiado hacia abajo. Tuve qu...

#40007 de diciembre de 2021por zachsnoek4 respuestas
Reacciones 0

Pegar un componente en la capa raíz del cuerpo genera TypeError

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v89 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?En la demo oficial, navega al gestor de capas y copia cualquier capa con 'cmd+c'Haz clic en la raíz de la c...

artf

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

zachsnoek

Gracias@zachsnoek sí, como el envoltorio (cuerpo) es un componente raíz, no tiene la colección relacionada. Probablemente necesitemos actualizar la lógica de pegado, pero tu solución actual es un buen parche por ahora para evitar ese error...

GuiMoraesDev

Chicos, estoy pasando por un problema similar Para mí, el error ocurre en FileUploader ! Captura de pantalla del 16-12-2021 17-10-32 He intentado participar en la demo de uvas para ver si este comportamiento también ocurre ahí, ¡y está pas...

#397525 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Imagen de fondo Empieza a duplicarse en todas las páginas si añadimos solo para una página

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v9Enlace de demo reproducible NadaDescribe el bicho ¿Cómo reproducir el bicho?Implementar el concepto de multipágina Crea las 3 páginasHaz clic en la imagen de fondo en decoraciones (Style Manager) y añádela a la pri...

artf

Por favor, comprueba esta opción primero https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors Si aún tienes problemas, abre un problema de bugs adecuado con un enlace de demostración reproducible.

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre La imagen de fondo empieza a duplicarse en todas las páginas si añadimos solo para una página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empiez...

#397223 de noviembre de 2021por ronaldohoch2 respuestas
Reacciones 1

No se puede soltar un IMG dentro de la etiqueta NoScript

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Brave Versión 1.32.106 Chromium: 96.0.4664.45 (Versión oficial) 64 bits Enlace de demo reproducible https://jsfiddle.net/960huLz5/ Describe el bicho ¿Cómo reproducir el bicho?Uvas abiertasejecutar: 'editor.addComponents('...

artf

Hola @ronaldohoch gracias por el informe. Lo que dices es cierto, pero desafortunadamente, este es el resultado del análisis del HTML nativo DomParser, así que no veo una forma adecuada de solucionarlo. '''js const parser = nuevo DOMParser...

ClaudeCode

Gracias por informar de esto, @ronaldohoch. Buena pregunta sobre no se puede soltar un img dentro de la etiqueta noscript. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#394816 de noviembre de 2021por Sudhin352 respuestas
Reacciones 0

Mis Opciones (en rasgos) para un componente seleccionado se reinician cada vez que recarga la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible No está ahí Describe el bicho ¿Cómo reproducir el bicho?Instalar Grapes js e implementar el código select componentArrastrar el componente select al editorHaz clic en el componente selec...

artf

Hola @Sudhin35 por favor sigue esta API para tus rasgos personalizados y te recomiendo encarecidamente guardar tus opciones como propiedad de componente en lugar de usar componentes internos

ClaudeCode

Gracias por informar de esto, @Sudhin35. Buena pregunta sobre Mis opciones (en rasgos) para un componente selecto que se reinicia cada vez que recarga la página. El enfoque recomendado con StyleManager es usar la API orientada a eventos. E...

Explora todos los temas