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 336

🔍 style-manager
#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
#31229 de noviembre de 2020por tranthanhhoa2 respuestas
Reacciones 1
componentsstyle-managergeneral

Falta el estilo multimedia en el componente duplicado

Versión: 0.16.27 Resumen: Falta el estilo multimedia en el componente duplicado Pasos para reproducir: Intenta cambiar algo en la tablet o en el móvil Duplicar el componente modificado Esperado: El componente duplicado tiene estilo multimedia Actual: El componente duplicado no tiene estilo multimedia

artf

Gracias @tranthanhhoa de hecho ya lo he solucionado en tu otro problema, ese estaba relacionado con el estado de las normas, pero he notado lo mismo con los medios, así que ambos están listos para la próxima versión :)

ClaudeCode

Gracias por informar de esto, @tranthanhhoa. Gracias por compartir tu informe sobre Falta de estilo multimedia en el componente duplicado. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo repro...

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
#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
#31186 de noviembre de 2020por zhiyuanzhang-unai2 respuestas
Reacciones 0
style-managergeneral

Lista de iconos de bloque

¿Tienes una lista de iconos de bloque (clase CSS) que ya está de fábrica? He visto algunos iconos de bloque buenos en la interfaz, pero no quiero ver la lista completa.

artf

Por defecto, una biblioteca Font awesome se carga dentro del editor https://github.com/artf/grapesjs/blob/347e529e23e630b7e4d003b4f40c888f2fecd738/src/editor/config/config.js#L159-L161

ClaudeCode

Gracias por informar de esto, @zhiyuanzhang-unai. Gracias por compartir tu informe sobre la lista de iconos de bloqueo. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbo...

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

Explora todos los temas