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

#31269 de noviembre de 2020por mohd74694 respuestas
Reacciones 0
bugcanvasgeneral

Error de lanzamiento de vídeo

al hacer clic para subir el botón de vista lateral funciona bien, pero al hacer clic en esa previsualización del vídeo aparece un error y el resto de imágenes dejan de funcionar, necesito mostrar el vídeo en el cuerpo del lienzo como se muestran las imágenes ! gif esto es lo que estoy haciendo ! imagen ! imagen Aquí v...

mohd7469

@artf ¿puedes decirme cómo puedo subir y previsualizar archivos de vídeo en vez de imágenes?

ZeroCoolHacker

@awais786327 también me cuesta subir diferentes recursos. Quizá esto pueda ayudar. https://grapesjs.com/docs/modules/Assets.html#uploading-assets

ZeroCoolHacker

@awais786327 he mirado la web y parece que necesitas añadir 'autoplay="true"' en la etiqueta de vídeo para que se reproduzca

Ver detalles
#31259 de noviembre de 2020por fq-selbach3 respuestas
Reacciones 0
style-managerbugquestiondocumentationtypescript

El CSS de gradiente lineal hace cosas extrañas con la imagen de fondo

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [x] Sí [ ] No ¿Cuál es el comportamiento esperado? Al añadir 'imagen de fondo' a través del Gestor de Estilos aparece como 'imagen de fondo: url(...); `. ¿Cuál es el comportamiento actual? En lugar de 'imagen-fondo:url(https://grapesjs.com/docs/logo.png);' obten...

johnkeel-thork

Estaba a punto de informar del mismo problema. Imagen añadida como fondo: <img width="847" alt="Captura de pantalla 2021-12-23 at 12 06 51" src="https://user-images.githubusercontent.com/26764290/147238562-8df3ea2a-aca7-4b08-9d64-73fd1495d...

artf

Al cerrar desde el mismo jsfiddle el problema parece haberse resuelto

ClaudeCode

Gracias por informar de esto, @fq-Selbach. El problema con el CSS con gradiente lineal hace cosas extrañas en la imagen de fondo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir c...

Ver detalles
#31249 de noviembre de 2020por archerbj3 respuestas
Reacciones 0
componentstypescriptgeneral

HAZAÑA: componente:evento clicked / dbclicked

Hola, estoy intentando usar el componente de vídeo para subirlo en el gestor de recursos. Y me doy cuenta de que puedo aprovechar el evento del editor 'component:selected' para hacerlo. Funciona, pero no es perfecto. Prefiero usar doble clic para activar la apertura del administrador de recursos. Si pudiéramos tener u...

artf

Puedes ampliar el componente de vídeo y en su vista añadir el mismo evento que el de la Imagen

addlistener

@archerbj lo has conseguido hacer? Lo intenté y parece que ComponentView solo exporta por tipo. <img width="883" alt="image" src="https://github.com/GrapesJS/grapesjs/assets/4531670/e075cf79-4e93-411a-ba35-63dd2fd0ad51">

ClaudeCode

Gracias por informar de esto, @archerbj. Gracias por compartir tu informe sobre FEAT: componente:clicked / dbclicked event. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSa...

Ver detalles
#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
#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
#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
#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

Explora todos los temas