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

#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

#341426 de abril de 2021por sidh013 respuestas
Reacciones 1

El modelo de componentes no se reinicia al crear una nueva resistencia

Al arrastrar un componente desde el panel derecho, el modelo de componente no se establece al valor por defecto, sino que tiene el valor del componente añadido previamente ! imagen ! imagen

sidh01

He resuelto esto, el problema era que cuando establecíamos la propiedad del modelo, entonces necesito usar un clon profundo para un array u objeto

artf

Hola @sidh01 definitivamente es algo de tu parte, podemos intentar ayudarte si eres capaz de crear una demo reproducible.

ClaudeCode

Gracias por informar de esto, @sidh01. Gracias por compartir tu informe sobre El modelo de componentes no se reinicia al crear un nuevo arrastre. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínim...

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

#341225 de abril de 2021por maxtsh2 respuestas
Reacciones 2

El guardado automático funciona parcialmente y deja de funcionar tras insertar texto

Hola a todos. Estoy usando este proyecto increíble para una aplicación de producción escrita con React.js, así que lo integré dentro de mi app. Todo funciona bien, pero tengo un problema con guardar automáticamente los datos del editor en cada cambio al editor. SO: Windows 10 Navegador: Chrome 90 Versión de GrapesJS:...

artf

Gracias @maxtsh por el informe, de hecho hay un problema con esos bloques antiguos del plugin básico que rompe el contador de almacenamiento. Pronto lanzaré la solución. Por ahora, como corrección rápida, actualiza esos bloques de esta man...

ClaudeCode

Gracias por informar de esto, @maxtsh. El problema con El guardado automático funciona parcialmente y deja de funcionar tras insertar texto parece ser una condición de carrera o un problema de gestión del estado. Esto suele ocurrir cuando...

#341022 de abril de 2021por sizhousama3 respuestas
Reacciones 0

¡El comportamiento extraño del editor!

Cuando entro en el editor y uso setComponents o addComponents para añadir componentes en la almacén, la primera clase del primer elemento se añade inexplicablemente a la clase de cierto elemento. ¿Alguien sabe la razón? ¡Necesito ayuda! ¡! ! imagen ! imagen

sizhousama

@artf

artf

Esa clase viene de tu app, así que puede haber miles de razones, no podemos ayudarte solo viendo 2 capturas de pantalla. Si crees que hay un error, abre el problema correctamente (siguiendo la plantilla) y crea una demo reproducible.

ClaudeCode

Gracias por informar de esto, @sizhousama. ¡Buena pregunta sobre el comportamiento extraño del editor!. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de t...

#340921 de abril de 2021por ltenti-eventboost4 respuestas
Reacciones 3

Propiedad de componente personalizada que no es un rasgo

Me gustaría crear un componente personalizado con una propiedad que se actualice según un código específico, pero no quiero que esta propiedad sea visible ni actualizable como rasgo; digamos que mi propiedad se llama "ebTesto", escribí una función de plugin así: Esperaba encontrar mi nueva propiedad en la parte "gjs-c...

ltenti-eventboost

¡Gracias a los dos!

Ju99ernaut

Creo que no se almacena porque la propiedad no se ha cambiado respecto a la predeterminada. El editor debería poder recuperar la propiedad desde la propia definición del componente.

Ju99ernaut

Prueba a añadirlo dentro de los 'valores predeterminados'

#340821 de abril de 2021por marcepoblet2 respuestas
Reacciones 1

Cómo cambiar el estilo de dispositivos, ver código y pantalla completa

Actualmente tenemos este estilo GrapesJs: ! imagen Pero queremos tener este estilo de GrapesJs: ! imagen Mis preguntas son: 1- - ¿Cómo podemos cambiar el formato en los dispositivos? Nos gustaría tener botones en lugar de menús desplegables. 2- ¿Es posible mover los botones 'ver código' y 'pantalla completa' dentro de...

Ju99ernaut

Solo tendrás que configurar el dispositivo o ejecutar los comandos correspondientes en el evento de clic del botón, por ejemplo. '''js btn.addEventListener('click', function() { editor.setDevice('Escritorio'); }); ```

ClaudeCode

Gracias por informar de esto, @marcepoblet. Buena pregunta sobre [PREGUNTAS] Cómo cambiar el estilo de dispositivos, ver código y pantalla completa. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí:...

Explora todos los temas