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

#24413 de diciembre de 2019por bpwme2 respuestas
Reacciones 1

¿Cómo desactivar completamente las insignias al pasar el cursor al rachear?

Hola, He estado intentando desactivar completamente las insignias que aparecen al pasar el cursor, pero solo consigo desactivarlas desde el envoltorio con el siguiente código: domComponents: { envoltorio: {badgable: false} }, ¿Hay alguna forma similar de desactivarlos completamente? ¡Gracias de antemano!

fredrickreuben

Puedes usar canvas: { customSpots: { hover :true }, },

artf

Probablemente en tu caso la solución más sencilla sería ocultarlo mediante CSS '''css .gjs-badge { Pantalla: ¡ninguna importante! } ```

#24402 de diciembre de 2019por edwinjoel19843 respuestas
Reacciones 1

Redimensionar por clase :(

El principal problema que tengo es que intento hacer un redimensionamiento en un componente que he hecho, pero si tengo dos componentes iguales, cuando hago el redimensionamiento de uno de ellos el otro hace el mismo redimensionamiento. Así que creo que tendría que gestionar su estilo por identificación y no por clase...

pouyamiralayi

@ramusesan @edwinjoel1984 tus problemas son por los selectores compartidos. Problema similar aquí. Para la solución sugiero este hilo. ¡Salud!

edwinjoel1984

@artf ese es el problema

ramusesan

Aunque yo también me enfrente al mismo problema, probablemente sea un problema de precedencia, supongo que por si tengo un ID y clase para el mismo elemento es decir, '<id de la mesa="miId" clase="miClase"> ..... </table>` y al intentar re...

#24392 de diciembre de 2019por herboratoryRespuesta 1
Reacciones 2

¿Cómo instalar todo como en la demo con todos los plugins? [No es issue]

¡Hola a todos! Sé que mi pregunta es muy posiblemente absurda para la mayoría de los expertos aquí. Soy nuevo en la creación de páginas web y estoy creando una aplicación web por mi cuenta con Django y por casualidad descubrí que puedo usar GrapesJS para manejar el frontend. No necesito cosas sofisticadas, solo necesi...

pouyamiralayi

conseguir algo como la demo Si quieres exactamente lo mismo como demo, la fuente es aquíponer los plugins ahí Por favor, mira este hilo ¡Salud!

#24372 de diciembre de 2019por umerrinayat2 respuestas
Reacciones 0

Añadir más proveedor de vídeo

Gracias @artf estoy usando grapesjs en mi proyecto y realmente nos ayuda a hacer cosas increíbles. Lo compartiré contigo cuando termine todo el proyecto (un proyecto bastante grande). [Pregunta] ¿Es posible añadir más proveedores de vídeo en grapesjs? Actualmente puedo usar estos { valor: 'so', nombre: 'HTML5 Fuente'...

artf

Hola @umerrinayat solo necesitas extender el componente de vídeo

Mirna-Nasrallah

Ahora tengo más o menos la misma pregunta, ¿has encontrado la forma correcta de añadir un proveedor?

#243529 de noviembre de 2019por edwinjoel19842 respuestas
Reacciones 0

Estilos por DI en componentes

¿Cómo hago los estilos de los componentes? Los tomo por identificación y no por clase

artf

Puedes alternar clases, esto cambiará el selector de estilos ! Schermata 2019-11-30 alle 00 12:32

edwinjoel1984

El principal problema que tengo es que intento hacer un redimensionamiento en un componente que he hecho, pero si tengo dos componentes iguales, cuando hago el redimensionamiento de uno de ellos el otro hace el mismo redimensionamiento. As...

#243429 de noviembre de 2019por pvbergen2 respuestas
Reacciones 1

Excluir elementos html del modelo

Esta es una pregunta amplia, así que proporcionaré el caso de uso y algunas ideas en lugar de código propiamente dicho.Descripción básica Estamos usando grapesjs como parte de un módulo Drupal (https://github.com/artf/grapesjs/issues/1798#issuecomment-559498604) y estamos teniendo un problema por tener demasiados elem...

pvbergen

Vaya, eso sería sorprendentemente sencillo. ¡Gracias! Lo probaré en los próximos días y veré cómo podemos integrarlo con nuestro flujo de trabajo.

artf

¿Te refieres a algo así? '''js encabezado const = '<div style="relleno: 100px">Mi encabezado</div>'; editor.getWrapper().getEl().insertAdjacentHTML('beforeBegin', encabezado); ``` Esto añadirá un HTML sin estar realmente relacionado con Gr...

#243329 de noviembre de 2019por Davidvlv3 respuestas
Reacciones 0

Cambiar el layerable en un evento en tiempo de ejecución no se actualiza inmediatamente

Cuando cambio la opción de capas de un componente personalizado en un evento, sigue apareciendo en las capas hasta que lo arrastras una vez. ¿Hay alguna forma de evitar esto forzando la actualización de las capas? ¿O podemos conseguir una solución de error para esto? Gracias. Vídeo: Grapesjs layerable.zip

Davidvlv

Lo mismo ocurre cuando intento añadir o eliminar un botón de barra de herramientas en un evento: la barra de herramientas no se actualiza hasta que desselecciono el componente y lo vuelvo a seleccionar:

Davidvlv

Además, si pones 'removible' en falso en el mismo lugar donde se pone 'layerable' en mi publicación, la barra de herramientas no se actualiza para eliminar el botón de borrar hasta que guardas y vuelves a cargar.

artf

Intenta activar este evento después de que tus actualizaciones 'editor.trigger('component:toggled')'

#243228 de noviembre de 2019por digitalgymRespuesta 1
Reacciones 0

Valores de rasgos de bloqueo

PREGUNTA: ¿Es posible bloquear un valor de rasgo para que no pueda actualizarse en el editor para componentes seleccionados?

artf

No realmente, probablemente la mejor solución aquí sería un simple 'pointer-events: ninguno' con CSS

#243127 de noviembre de 2019por adityaMurarkaRespuesta 1
Reacciones 0

Bloqueos sociales

Hola a todos, Estoy intentando incluir bloques de elementos sociales en mi proyecto. Ya estoy usando el plugin gjs-preset-webpage para bloques básicos. Quiero dar al usuario la opción de proporcionar los bloqueos sociales tal y como se usan en gjs-mjml. ¿Hay alguna forma de importar el plugin desde el preset de mjml o...

artf

No, no puedes mezclar esos componentes... Solo lee la documentación y crea uno nuevo

Explora todos los temas