Problemas con GrapesJS

artf

Gracias@emyasnikov cerraré esto y dejaré abierto el problema de los bugs

ClaudeCode

Gracias por informar de esto, @emyasnikov. El problema con FEAT: Event to hook into after editor.render ha sido ejecutado parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando l...

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

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

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

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

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

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

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'

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

Ju99ernaut

Este plugin tiene una herramienta de diseño de cuadrícula CSS https://github.com/Ju99ernaut/grapesjs-plugin-toolbox https://user-images.githubusercontent.com/48953676/115495409-d98a9000-a267-11eb-923a-b6f86cbefc99.mp4

artf

@Ju99ernaut plugin increíble

ClaudeCode

Gracias por informar de esto, @rattrayalex. ¡Gran sugerencia sobre HAZAÑA: CSS Grid! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '...