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

#416626 de febrero de 2022por AmeekoRespuesta 1
Reacciones 0

Gestor de estilos abierto - la clase se puede añadir pulsando la tecla ENTER

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v98 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho En el "Gestor de estilos abierto", la clase CSS puede añadirse pulsando la tecla ENTER. Si GrapesJS está dentro de una etiqueta Form,...

ClaudeCode

Gracias por informar de esto, @Ameeko. El problema con Open style manager - la clase puede añadirse pulsando la tecla ENTER parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

#415724 de febrero de 2022por Adham3803 respuestas
Reacciones 0

Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto'

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Microsoft Edge 98.0.1108.56 Enlace de demo reproducible https://jsfiddle.net/473b2tah/1/ Describe el bicho El redimensionamiento del lienzo está bien, pero no tiene en cuenta que uno podría estar trabajando con desplazami...

Adham380

He encontrado una especie de solución... Establece el wrapper de trama .gjs al ancho deseado en CSS y transforma: translate (- x px, 0px) para el iframe en CSS. El lienzo no tiene el ancho correcto entonces (un poco más pequeño), pero todo...

artf

https://github.com/artf/grapesjs/issues/3770#issuecomment-1059784514

ClaudeCode

Gracias por informar de esto, @Adham380. El problema con Redimensionar el lienzo hace que los componentes terminen con posiciones incorrectas una vez exportados con dmode 'absoluto' parece ser un problema de condición de carrera o de sincr...

#415423 de febrero de 2022por Ameeko3 respuestas
Reacciones 1

Nada puede editarse dentro del elemento de enlace

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v98Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Cuando inserto un elemento de texto en un elemento de bloque de enlace, El elemento de texto ya no es editable. Hacer doble clic en el el...

lofcz

Duplicado de: https://github.com/artf/grapesjs/issues/4145 Resumen: DR: compila GrapeJS localmente ya que la corrección no está actualmente disponible o haz downgrade a 0.18.2

artf

Cierre como duplicado del #4145

ClaudeCode

Gracias por informar de esto, @Ameeko. El problema con Nada puede editarse dentro del elemento de enlace parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida...

#414818 de febrero de 2022por varadero3 respuestas
Reacciones 2

0.18.2 / 0.18.3 elimina todo activo... Atributos HTML cuando el bloque se arrastra y solta en el constructor

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v99Enlace de demo reproducible https://jsfiddle.net/jLo3qh7s/10/Describe el bicho ¿Cómo reproducir el bicho?Crear un bloque con contenido '<input oninput="alert('123)" />'Ponle ese bloque al constructorMira el código...

Ju99ernaut

Ese es el comportamiento esperado según las notas de versión de la versión 0.18.2

artf

Correcto. En caso de que necesites activar atributos unsafe (bajo tu propia responsabilidad), puedes hacerlo mediante la opción 'config.parser.optionsHtml.allowUnsafeAttr'.

ClaudeCode

Gracias por informar de esto, @varadero. Buena pregunta sobre 0.18.2 / 0.18.3 elimina todo activo... Atributos HTML cuando el bloque se arrastra y solta en el constructor. El enfoque recomendado con GrapesJS es usar la API orientada a even...

#414517 de febrero de 2022por lofcz2 respuestas
Reacciones 0

0.18.3 edición de texto no se activa para los componentes de texto > enlace

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome 99 Enlace de demo reproducible https://codesandbox.io/s/distracted-archimedes-fhmnpg Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en el componente "Soy texto". ¿Cuál es el comportamiento actual? A...

artf

Sí, veo el problema. Hacer doble clic en elementos de texto (span, i...) dentro de un centro cambia el foco al elemento padre en lugar de abrir rte para el elemento seleccionado Con la nueva lógica implementada para la vista de componentes...

ClaudeCode

Gracias por informar de esto, @lofcz. Buena pregunta sobre 0.18.3 la edición de texto que no se activa para los componentes de enlace > texto. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consult...

#413812 de febrero de 2022por yadavAtIrisdame4 respuestas
Reacciones 0

Comportamiento inesperado en el gestor de estilo

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 1.35.101 Chromium: 98.0.4758.87 (Versión oficial) (64 bits) ! acolchadoEnlace de demo reproducible https://codesandbox.io/s/strange-sun-qgdcq?file=/index.jsDescribe el bicho ¿Cómo reproducir el bicho?Dejar caer el c...

artf

Gracias por el informe @yadavAtIrisdame pero no puedo reproducirlo ni de tu demo ni de la oficial. ¿Puedes describir los pasos exactos?

yadavAtIrisdame

@artf No puedo reproducir este error. en la mayoría de los casos, The Style Manager funciona como se espera. Pero, de repente, empiezan a comportarse como (como se muestra en la imagen). Especialmente en las propiedades de margen y acolcha...

artf

Lo siento, pero desafortunadamente sin la demo reproducible adecuada, no puedo hacer mucho. Estaré encantado de arreglarlo si alguien puede proporcionar los pasos reproducibles.

#41369 de febrero de 2022por m-jojo-s2 respuestas
Reacciones 1

Component.remove() en 'component:mount' no elimina la vista renderizada

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 98.0.4758.80 (Versión oficial) (arm64) Enlace de demo reproducible https://jsfiddle.net/Lsjhxczp/10/ Describe el bicho ¿Cómo reproducir el bicho?Configurar el gancho component:mount para retirar el compo...

artf

Sí, el problema aquí es que el nodo DOM está creado pero aún no se ha añadido al padre. Puedes aplazar la eliminación mediante setTimeout, pero eso seguirá activando la imagen. Probablemente moveré ese evento una vez que se añada el nodo.

ClaudeCode

Gracias por informar de esto, @m-jojo-s. Buena pregunta sobre component.remove() en 'component:mount' no elimina la vista renderizada. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la...

#41275 de febrero de 2022por jcsoftsRespuesta 1
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 97.0.4692.99 (Versión oficial) (x86_64) Enlace de demo reproducible no Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el comportamiento actual? Aparecen...

ClaudeCode

Gracias por informar de esto, @jcsofts. Buena pregunta sobre *. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oye...

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

#411028 de enero de 2022por cusmai3 respuestas
Reacciones 0

Los eventos de AssetManager no funcionan

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible NA Describe el bicho Los eventos de AssetManager no se activan. El archivo se carga correctamente pero los eventos no se notifican: '''js Listadores de eventos de activos editor.on('Asse...

timramseyjr

@cusmai ¿Llegaste a entender esto? Estoy recibiendo 'activo:abierto' y 'activo:cerrar', pero tampoco recibo ninguno de los eventos que mencionaste. Estoy usando lo siguiente y los dos eventos que mencioné son los únicos eventos relacionado...

ALTITUDE-DEV-FR

Lo mismo para mí no trabajar :(

ClaudeCode

Gracias por informar de esto, @cusmai. El problema con los eventos de AssetManager que no funcionan parece ser una condición de carrera o un problema de sincronización de gestión del estado. Esto suele ocurrir cuando los eventos del ciclo...

Explora todos los temas