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 743

🔍 bug
#313511 de noviembre de 2020por archerbj4 respuestas
Reacciones 3

¿Cómo anular fácilmente un componente existente?

Por ejemplo, quiero añadir un gestor de eventos con doble clic en el componente de vídeo por defecto para abrir el gestor de recursos. Mi idea básica era obtener la definición de vista del componente de vídeo y añadir 'eventos' + manejador. Por último, vuelve a ponerlo en el componente de vídeo. Desgraciadamente, esta...

Joshmamroud

@archerbj aquí tienes una demo de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.js Quieres asignar la funcionalidad al propio 'tipo de componente' en lugar de buscar todas las instancias de ese componente y añadirl...

archerbj

@archerbj aquí tienes una demostración de lo que buscas: https://codesandbox.io/s/sharp-easley-3hrdn?file=/index.jsQuieres asignar la funcionalidad al propio 'tipo de componente' en lugar de intentar encontrar todas las instancias de ese c...

abulka

@Joshmamroud Gracias por ese ejemplo de carrera. El tuyo es el único ejemplo que encuentro de usar la función de 'extender' mencionada en la documentación. Tu ejemplo es muy simple y zen, sin embargo, solo muestra añadir un manejador 'dblc...

#313411 de noviembre de 2020por josfh20054 respuestas
Reacciones 0

Desplázate en el lienzo hasta la parte superior de la página cuando intento arrastrar un elemento de las últimas secciones

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Cuando intento arrastrar un componente, el lienzo no debería desplazarse hasta la parte superior de la página. Describe el error detallado Cada vez que intento arrastrar un componente que está en las últimas sec...

artf

Hola José, ¿puedes proporcionar una captura de pantalla de tu problema? He intentado arrastrar la última sección de la plantilla pero me parece que todo va bien

josfh2005

Hola @artf, Puedes verlo aquí https://recordit.co/vn1ZVN6J1N, no es con las secciones, pasa con cualquier elemento pero solo la primera vez que intento arrastrar algo.

artf

Ah, vale, solo es la primera vez, ahora también 👍 lo tengo de mi lado

#313111 de noviembre de 2020por Joshmamroud4 respuestas
Reacciones 0

Pegar como texto plano en el componente de texto añade <tipo de fuente /> envoltorio al texto pegado

Versión: 0.16.27 ¿Puedes reproducir el error de la demo? [] Sí [X] No ¿Cuál es el comportamiento esperado? Pegar como texto plano (nodo de texto) sin Grapes JS envolviendo texto pegado en <fuente /> elemento. ¿Cuál es el comportamiento actual? Cuando pego texto plano en un elemento de texto vacío, el editor lo envuelv...

Joshmamroud

@artf sabes si esto ocurre en el componente, en el RTE o en otro sitio? ¿Podrías indicarme la dirección correcta? Cualquier ayuda con esto sería muy apreciada. ¡Gracias!

artf

No puedo reproducirlo, pero veo que usas un componente personalizado de 'dm-text', así que eso podría ser una razón.

Joshmamroud

@artf No lo creo. Aquí está la configuración del tipo de componente dm-texto ''' JavaScript { extiende: 'texto', modelo: { Predeterminados: { nombre: 'Texto', Rasgos: [], Editable: Cierto, Droppable: falso, Textible: Cierto, estilo: { rell...

#312910 de noviembre de 2020por lebonsavane2 respuestas
Reacciones 0

Error: Requiere Babel "^7.0.0-0", pero se cargaba con "6.26.3"

Intenté instalar una nueva versión pero en mi package.json nada se mueve. Está en un plugin llamado "blocks avancées" de grapesJs, pero tengo este problema en todas las carpetas cuando intento ejecutar el código " ERROR en... /src/dom_components/ver/ComponentFusionView.js Fallo en la compilación del módulo: Error: Req...

artf

¿ComponentFusionView? Eso seguro que no es del núcleo principal de uvas, no tenemos ese componente... Probablemente estés usando algún tipo de versión modificada, así que esa podría ser la razón de ese error

ClaudeCode

Gracias por informar de esto, @lebonsavane. El error Error: Requires Babel "^7.0.0-0", pero se cargaba con "6.26.3". Si estás seguro de que tienes una versión compatible de @babel/core, es probable que algo en tu proceso de compilación est...

#31269 de noviembre de 2020por mohd74694 respuestas
Reacciones 0

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

#31259 de noviembre de 2020por fq-selbach3 respuestas
Reacciones 0

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

#31219 de noviembre de 2020por sadtacoRespuesta 1
Reacciones 0

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

#308119 de octubre de 2020por maryia-kabash3 respuestas
Reacciones 3

Style Manager setTarget no funciona

Versión: 0.16.22 ¿Cuál es el comportamiento esperado? setTarget permite estilizar una regla CSS diferente del componente seleccionado Describe el error Al llamar al método setTarget, el Style Manager sigue teniendo un componente seleccionado como objetivo de estilo ¿Cuál es el comportamiento actual? setTarget no actua...

artf

Gracias, @maryia-kabash encontró el problema, ¡lo arreglarán en la próxima versión!

maryia-kabash

¡Hola @artf! Tengo una pregunta sobre esta corrección: setTarget ahora actualiza correctamente las clases en la sección de Clases, pero el Style Manager no refleja los estilos reales. Por favor, mira - https://prnt.sc/vfzuvv ¿Quizá este se...

artf

Gracias por el informe y la sugerencia, Maryia. La corrección estará disponible en la próxima versión (espero publicarla mañana)

#30699 de octubre de 2020por orosl3 respuestas
Reacciones 0

ERROR: Estilo desaparecido en el enlace o elementos de texto anidados tras salir de editar

Hola, Estoy editando HTML heredado con la versión 0.16.3 + newsleter-plugin. El estilo se almacena en línea (ya que la herramienta se usa para crear correos electrónicos) y yo uso la función 'componentFirst: true'. Me enfrento a un problema al intentar editar Texto de componente que contiene otros elementos de texto d...

artf

Hola @orosl, gracias por el informe. He conseguido encontrar y arreglar el bug, así que estará disponible en la próxima versión.

orosl

Hola @artf, muchas gracias por tu rápida respuesta y liberación. Actualicé con la última versión 0.16.27. Sin embargo, sigo encontrándome con el problema, pero con un comportamiento ligeramente diferente. No estoy seguro de si debería abri...

artf

Gracias @orosl en realidad la solución funcionaba con componentes internos pero no con los anidados. Lo arreglaré en la próxima versión

#291825 de julio de 2020por neon123453 respuestas
Reacciones 0

ERROR: textnode no se elimina del lienzo

El texto importado directamente al envoltorio no se elimina del lienzo con el componente. Para verificar, se pueden importar textos simples varias veces a la demo y observar cómo se combinan en lugar de reemplazar el anterior. Añadir esto parece ayudar: editor. DomComponents.addType('textnode', { modelo: { eliminado()...

artf

No sigo tu ejemplo, ¿puedes ilustrar los pasos exactos para reproducir, por favor?

neon12345

Ve a la demo del boletín en https://grapesjs.com/demo-newsletter-editor.html y usa la función "Importar plantilla" con texto sencillo como "hola" pero sin HTML (o combínalo con html y texto a nivel raíz). Si repites esto, el texto a nivel...

artf

Gracias @neon12345, he encontrado el problema y debería solucionarse en la próxima versión

Explora todos los temas