Problemas con GrapesJS

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

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

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.

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.

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

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

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

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

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

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