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 545

🔍 typescript
#34345 de mayo de 2021por advancedsoftwarecanada4 respuestas
Reacciones 1

Usar HTML/CSS/JS importado en el editor muestra esquemas, pero no tiene contenido, JS Fiddle dentro

Puedes obtener la versión escribiendo 'grapesjs.version' en la consola SÍ: https://jsfiddle.net/75a9u1cf/2/ ¿Cuál es el comportamiento esperado? Espero poder editar el HTML y el contenido en el editor Describe el error detallado La pantalla es simplemente blanca, puedo ver las formas y arrastrar elementos, pero el edi...

advancedsoftwarecanada

Este problema se puede resolver. Simplemente cambié la aplicación HTML/JS a HTML plano — desactivé todos esos efectos de carga absurdos. Cuando no estoy en el editor simplemente pongo un script externo para hacer cosas más elaboradas. ¡VIV...

advancedsoftwarecanada

! imagen

advancedsoftwarecanada

LO HE SOLUCIONADO A MEDIAS, he encontrado algunas cosas en Google: https://jsfiddle.net/75a9u1cf/3/ Pero algunas imágenes siguen sin funcionar.

#34335 de mayo de 2021por divesham2 respuestas
Reacciones 0

HAZAÑA: El vídeo no se reproduce

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

divesham

https://github.com/artf/grapesjs/issues/1381

ClaudeCode

Gracias por informar de esto, @divesham. ¡Gran sugerencia sobre HAZAÑAS: ¡El vídeo no se reproduce! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistem...

#34294 de mayo de 2021por justin37372 respuestas
Reacciones 2

No existe un plugin de display-grapesjs-style-bg

Hola @artf Gracias por hacer todo aquí pero intento usar este plugin y no puedo ! IMG Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Describe el error detallado No hay ningún plugin de pantalla ¿Cuál es el comportamiento actual? No pasa nada. ¿Puedes adjuntar capturas de pantalla, capturas de pant...

Ju99ernaut

Desafortunadamente, el plugin no reemplazará automáticamente la entrada original de la imagen de fondo, así que tendrás que hacerlo manualmente. Tendrás que añadir esto a la configuración de tu gestor de estilos de alguna manera y eliminar...

ClaudeCode

Gracias por informar de esto, @justin3737. El problema con no existe un plugin display-grapesjs-style-bg parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los eventos del ciclo de vida...

#342530 de abril de 2021por anlumo2 respuestas
Reacciones 1

StaticRules para CssComposer no funcional

El archivo de configuración de ejemplo para CssComposer hace referencia a una propiedad 'staticRules'. Este nombre de propiedad no se usa en ningún otro lugar del código fuente (verificado usando búsqueda en GitHub) y tampoco hace nada. Versión: 0.17.3 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No (no es realmen...

artf

Gracias@anlumo tienes razón, era una opción antigua, la quitaré. Para efectos de reglas CSS estáticas, tenemos estas opciones

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con staticRules para CssComposer No Funcional parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de v...

#342028 de abril de 2021por sanchit362 respuestas
Reacciones 0

¿Cómo implementar LocalStorage en el proyecto reactjs?

Estoy intentando implementar localstorage en la app de reactjs, por alguna razón no almacena datos en localstorage '''javascript useEffect(() => { const templateComponent = JSON.parse( localStorage.getItem("gjs-components") ); console.log(templateComponent); const templateStyle = JSON.parse(localStorage.getItem("gjs-s...

artf

El StorageManager local hace todo el trabajo por ti, así que no necesitas hacer todo ese trabajo manual que haces ahora. Así que deja la opción StorageManager y elimina el resto. PD. Ten cuidado con useEffect, añade un array vacío como dep...

ClaudeCode

Gracias por informar de esto, @sanchit36. Buena pregunta sobre [URGENTE!! PREGUNTA]: ¿Cómo implementar LocalStorage en el proyecto reactjs? . El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consult...

#341827 de abril de 2021por emyasnikov2 respuestas
Reacciones 0

El atributo "visible" de los paneles no impide el renderizado de los paneles

Versión: v0.17.3 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? 'Editor. Panels.addPanel({id: 'test', visible: false})' renderiza panel a pesar de que el atributo 'visible' esté configurado en false. Funciona perfectamente después de renderizar el editor, así que 'panel.set('v...

artf

Sí, creo que es cuestión de añadir esto.toggleVisible() en PanelView.render. Si quieres batir un récord personal, estaré encantado de fusionarlo :)

ClaudeCode

Gracias por informar de esto, @emyasnikov. El problema con el atributo "visible" de los paneles no impide el renderizado del panel parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocurrir...

#341727 de abril de 2021por NagarRahul2 respuestas
Reacciones 1

HAZAÑA: ¿Cómo funciona el componente de mapa? ¿Cómo podemos crear componentes meteorológicos y renderizarlos?

¿Podrías explicar cómo se renderizan los componentes del mapa después de arrastrar? ¿Cómo podemos crear un nuevo componente para el clima y cómo se renderizará como un componente de mapa? @artf

theSC0RP

Puedes echar un vistazo a lo siguiente (si no lo has hecho) para entender cómo funciona el componente del mapa:Modelo de Componentes de MapaVista de componentes del mapa

ClaudeCode

Gracias por informar de esto, @NagarRahul. Buena pregunta sobre FEAT: ¿Cómo funciona el componente de mapa? ¿Cómo podemos crear componentes meteorológicos y renderizarlos?. El enfoque recomendado con Componentes es utilizar la API orientad...

#341627 de abril de 2021por ghost2 respuestas
Reacciones 0

0.15.10 - setAttribute - no es un nombre de atributo válido

¡Hola! Sé que este es un error reportado aquí #2029, pero ahora no puedo actualizar de la '0.15.10' a la versión que tiene la solución. ¿Sabes alguna solución temporal para este problema en el momento en que estoy configurando el componente? Estoy usando VueJS con GrapesJS. Así es como intento configurar el componente...

artf

No, lo siento, no puedo ayudar con una versión tan antigua. ¿Por qué no puedes actualizar?

ClaudeCode

Gracias por informar de esto, @ghost. El problema con 0.15.10 - setAttribute - no es un nombre válido de atributo parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los event...

#341526 de abril de 2021por mmotov4 respuestas
Reacciones 0

Gestor de activos personalizado. Cómo establecer una imagen de fondo

¡Hola! Estoy creando un modal personalizado para el Asset Manager y, básicamente, parece que necesito anular el comando '''open-assets'. ¿Cómo puedo entender si un usuario quiere establecer una propiedad de imagen src o de imagen de fondo? ¡Gracias de antemano!

advancedsoftwarecanada

De acuerdo, acabo de empezar con GrapeJS y lo he puesto operativo en mi sistema, quiero poner la imagen de fondo en un div de cabecera sin tener que escribir código css :/

artf

En realidad, el conocimiento de qué hacer al seleccionar el recurso no debería formar parte del comando en sí, ya que la acción debería decidirse por quién dirige el comando, por ejemplo. '''js editor.runCommand('open-assets', { onSelect(a...

advancedsoftwarecanada

Esta no es la solución correcta a nuestra pregunta. Lo que quiero hacer es añadir esto a un componente, ¿cómo lo haríamos? ! imagen

#341326 de abril de 2021por theSC0RP4 respuestas
Reacciones 0

Añadir scripts en línea y actualizar eventos antiguos

En ese caso, te sugiero que accedas al documento del iframe y añadas manualmente el script en línea (para conseguir el documento usa 'editor. Canvas.getDocument()') Originally publicado por @artf en https://github.com/artf/grapesjs/issues/2012#issuecomment-496304498 Hola, @artf, estaba pasando por el número #2012 y te...

theSC0RP

Intenté actualizar el script en línea siguiendo los siguientes pasos:Obtener el documento del iframe: 'iframeDoc = editor. Canvas.getDocument()'Obtener el innerHTML del cuerpo del documento: 'iframeDocBodyHtml = iframeDoc.body.innerHTML'Su...

theSC0RP

Intenté añadir los eventos select y hover ejecutando el comando 'component-select' escribiendo 'editor.trigger('core:component-select')', pero tampoco ayudó y hacer 'editor.runCommand(''core:component-select')' da un error. ¿Me estoy perdi...

artf

Bueno, creo que no estaría mal añadir una forma fácil de forzar el rerenderizado del iframe (no es un caso común, pero seguro que podría ser útil en algunos casos). Por desgracia, ahora mismo deberías intentar usar métodos privados y compr...

Explora todos los temas