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 183

🔍 documentation
#31239 de noviembre de 2020por fq-selbach4 respuestas
Reacciones 1

HAZAÑA: Añadir 'inline-flex' al selector de pantalla en el Style Manager

¿Qué intentas añadir a GrapesJS? Estilo de pantalla 'inline-flex'. Descripción: Actualmente, el selector de pantalla del Style Manager solo tiene 'flex' como opción, pero al igual que 'bloquear' y 'bloque en línea', es útil tener 'inline-flex'. Cuando intento añadirlo manualmente con esto (¿hack?): Obtengo un resultad...

lexoyo

Para quien busque una solución, no conseguí hacerlo modificando las opciones de StyleManager Así que esto es lo que hice '''s const sector = editor. StyleManager.getSector('flex') sector.on('change:visible', () => applyVisibility()) editor...

artf

Perdón @fq-selbach, pero esto es algo que se podría manejar mediante plugins, no hace falta tener esta lógica en la biblioteca central

fq-selbach

@artf bien, pero ¿podrías decirme cómo puedo controlar la categoría "Flex" del Style Manager porque la lógica de mostrarlo/ocultarlo parece estar codificado :-/ Puedo añadir 'inline-flex' al selector de "Display" con un plugin ... pero nun...

#31166 de noviembre de 2020por aadilmehrajbhat2 respuestas
Reacciones 1

Cómo cargar un CSS que se pueda ver en el visor de código y también exportarse mientras se guarda

Hola :wave: Estoy intentando cargar algo de CSS dentro del editor como parte del tema, puedo enlazar hojas de estilo como parte de la carga, pero el problema que tengo es que al cargar los estilos directamente usando la <style>etiqueta '', puedo ver la versión serializada mediante 'editor.getStyle()' pero 'editor.getC...

artf

@AadilMehrajBhat Primero, 'display: 'block'' no es un valor CSS válido para esa propiedad (debería ser 'display: block') y luego '.d-block' no se usa en ninguna parte de tu plantilla, por lo que el resultado se optimiza automáticamente eli...

ClaudeCode

Gracias por informar de esto, @aadilmehrajbhat. Buena pregunta sobre [AYUDA BUSCADA] Cómo cargar css que se pueda ver en el visor de código y también exportar mientras se guarda. El enfoque recomendado con StyleManager es usar la API orien...

#3865 de octubre de 2017por RuudH3 respuestas
Reacciones 3

Amplía ejemplos/documentación de Pannel/Command abriendo una nueva vista

Hola Artur, ¡Primero que nada, Grapesjs es increíble! Ahora mismo estoy intentando entender cómo crear un panel con un botón que abra una nueva vista, como hacen los bloques y los botones del gestor de capas. Quiero renderizar mi propio conjunto de elementos en esa nueva vista. Estoy mirando el código que usas para ab...

daniel-farina

Una buena práctica para familiarizarte con GrapeJS sería intentar duplicar el gestor de bloques y crear el tuyo propio. Puedes lograrlo editando los archivos que aparecen a continuación. Un buen ejemplo sería copiar el src/blockmanagerand...

Moikapy

Hola, estaba mirando de hacer algo similar y encontré esto aquí. Me preguntaba si existe alguna documentación que explique más sobre el proceso de creación de nuevas vistas.

artf

Hola @RuudH gracias por la sugerencia, espero publicar pronto algo más sobre este argumento. Por ahora, solo puedo sugerirte que compruebes los comandos usados para esos paneles (por ejemplo, Bloques abiertos)

Explora todos los temas