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 877

🔍 question
#31239 de noviembre de 2020por fq-selbach4 respuestas
Reacciones 1
style-managerquestiondocumentation

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

Ver detalles
#31219 de noviembre de 2020por sadtacoRespuesta 1
Reacciones 0
bugenhancementquestionstyle-managertypescript

DOTE/EMISIÓN: Estándares CSS

Voy a decir que esto es tanto una solicitud de funcionalidad a medida que voy hablando de algunas partes, como un pequeño problema. Diría que queda mal tener un proyecto más nuevo que 2015 que usa px para casi todo. La gente utiliza tamaños de pantalla que son solo de 768 píxeles en el plano más estrecho, ya sea móvil...

ClaudeCode

Gracias por informar de esto, @sadtaco. El problema con FEAT/ISSUE: CSS standards parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida de los com...

Ver detalles
#31208 de noviembre de 2020por mohd74692 respuestas
Reacciones 0
questiongeneral

Problema con el botón de Ver código

Quiero que tanto los dispositivos como los botones de menú estén en el mismo panel, pero el problema es el botón de Ver código. Si elimino 'panel.render()' el botón de dispositivos desaparece Si no elimino 'panel.render()' Ver código no funciona ¿qué estoy haciendo mal? ! imagen

artf

Revisa la API del panel, los estás usando totalmente mal...

ClaudeCode

Gracias por informar de esto, @mohd7469. Buena pregunta sobre Problema con el botón de Ver código. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo esp...

Ver detalles
#31196 de noviembre de 2020por makkaronis4e4 respuestas
Reacciones 0
questioncomponentsstyle-managertypescript

¿Cómo crear un bloque personalizado hecho con componentes de grapesjs?

Hola, quiero que me hagan bloques personalizados con componentes de grapesjs. Encontré la solución para añadir componentes: https://github.com/artf/grapesjs/issues/1334#issuecomment-411519845 Pero me cuesta añadir CSS (tanto como cadena como objeto como cadena).

artf

Deberías poder hacer algo así: '''js ... Componentes: [ { etiquetaNombre: 'h1', componentes: 'Algunos <b>contenidos</b>', }, '<style>....</style>' ] ```

makkaronis4e

@artf gracias, funciona, pero encontré un error ahí. Cuando dejas caer este bloque en el lienzo funciona bien, pero si eliminas este elemento del lienzo o limpias todo el lienzo, y luego dejas caer este bloque en el lienzo por segunda vez,...

artf

@makkaronis4e para un caso así, te pediría una demo reproducible, por favor

Ver detalles
#31176 de noviembre de 2020por zhiyuanzhang-unai2 respuestas
Reacciones 0
componentsquestiontypescript

Cómo eliminar una categoría si no hay componente en ella

Construyo los componentes personalizados en tiempo de ejecución basándome en un desplegable. Cuando el usuario cambia la selección de ese desplegable, se añadirá un bloque personalizado relacionado y se eliminará el bloque no relacionado. Todos los bloques personalizados se agrupan por diferentes nombres de categoría....

artf

Intenta volver a renderizar el gestor de bloques con una nueva colección de bloques

ClaudeCode

Gracias por informar de esto, @zhiyuanzhang-unai. Buena pregunta sobre Cómo eliminar una categoría si no hay ningún componente en ella. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta l...

Ver detalles
#31166 de noviembre de 2020por aadilmehrajbhat2 respuestas
Reacciones 1
style-managercomponentsquestiondocumentationtypescript

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

Ver detalles
#31156 de noviembre de 2020por xinyufyj4 respuestas
Reacciones 1
canvascomponentsquestion

La posición de componente caída es incorrecta cuando cambié el tamaño del lienzo en modo Absoluto/Diseñador

ADVERTENCIA Cambié el tamaño del lienzo y quité un compoñente de los bloques de panel. El resultado es que la posición competitiva es incorrecta. Por cierto, el editor está en modo 'Absoluto/Diseñador'. Leí el código fuente de la parte de la caída. He comprobado que la posición de arranque por arrastre del compent no...

xinyufyj

@artf Vale, proporciono una captura de pantalla para explicarlo. Perdón por mi mal inglés. ! imagen ! imagen ! imagen ! imagen

artf

¿Puedes ofrecer una demostración en directo del problema?

artf

Cierro este problema porque planeo resolver todos los relacionados con el posicionamiento absoluto aquí: https://github.com/artf/grapesjs/issues/3770

Ver detalles

Explora todos los temas