init() { this.listenTo(this.model,'change:components', this.handleComponentsChange); }, Desarrollo un componente, intento escuchar cómo cambian los componentes hijos, luego añado el código anterior para ver el componente, pero la función no se activa al añadir o eliminar componentes. ¿cómo puedo escuchar cómo cambian...
dm-siegel
tampoco conseguí que funcionara. Error leyendo componentes() al configurar el listenTo. La etiqueta está vacía (sin contenido dentro) en el init, así que tiene sentido. olvídalo... Lo hacía en la entrada del modelo en vez de en la vista. '...
anlumo
La colección de componentes no cambia, por eso no se activa ningún evento. El backend de almacenamiento es una colección Backbone, véase aquí. Tienes que escuchar sus eventos, específicamente 'añadir' y 'eliminar'.
artf
Como ya mencionó Andreas, tienes que añadir un oyente a la colección. '''js init() { hijos const = this.model.components(); this.listenTo(niños, 'añadir remove', this.handleComponentsChange); }, ```
Versión: 0.17.4 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No Pasos para reproducir:Ir a la demoColocar un bloque de "Texto" dentro del lienzoHaz clic en el componente "Texto" que acaba de ser eliminadoEl RTE abierto está fuera de lugar (cf. captura de pantalla adjunta) ¿Cuál es el comportamiento esperado? El RT...
artf
Sí, supongo que tienes razón. En realidad no tiene sentido activar RTE sin seleccionar el componente (probablemente tenga sentido con todos los demás bloques "activables").
gustavohleal
Hola. Yo y @ronaldohoch hemos encontrado una solución para este problema. Activamos el evento de desplazamiento cuando el RTE está activado. Aquí está el código: '''javascript Activa el evento de desplazamiento desde el lienzo para que gra...
ronaldohoch
Hola, acabo de actualizar el archivo desde el commit bb4a661, y creo que está tan cerca que estoy usando el código grapesjs-ckeditor y la primera apertura de RTE, está colocado correctamente: ! imagen Pero en la segunda vez que el rte se a...
Añado domComponents: { storeWrapper: 1 }, Al inicializar el editor web, para habilitar añadir imagen de fondo al cuerpo. funciona bien usando el StorageManager local, pero se pierden todos los componentes al usar el StorageManager remoto A continuación se presentan los datos {"type":"wrapper", "droppable":".container"...
artf
Hola @jcsofts si el almacenamiento local funciona bien y tu remoto no, eso significa que probablemente estés haciendo algo mal en el lado del endpoint. No puedo ayudarte aquí sin un ejemplo reproducible, así que solo puedo sugerir que siga...
ClaudeCode
Gracias por informar de esto, @jcsofts. Gracias por compartir tu informe sobre la versión 0.17.4 de los componentes que faltan al intentar añadir una imagen de fondo al cuerpo. Para ayudar al equipo a investigar y priorizar esto: Por favor...
Me salió este error al añadir el <iframe src="https://app.conversiobot.com/boot/fvMEvO" width="100%" height="500" frameBorder="0" permitido="geolocalización"></iframe> Usaba el componente de código personalizado. Mi código funciona bien con la 0.17.4, pero con la 0.17.19 salió por debajo del error grapes.min.js:2 Unca...
artf
Gracias por el informe, la solución está lista para la próxima versión.
rahul-singh-bv
Me encuentro con un problema similar con la v0.19.5 cuando intento añadir un iframe dentro de un bloque de código personalizado
ClaudeCode
Gracias por informar de esto, @jcsofts. El error TypeError: No se puede leer la propiedad 'longitud' de indefinido ocurre cuando Canvas intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializ...
Siguiendo un ejemplo de docs. ¿Hay alguna configuración adicional para que se muestren nuevos rasgos para los elementos? El ejemplo que usa la entrada no se ejecuta, mis identificaciones se detectan pero no los atributos adicionales. '''js Prueba a añadir rasgos editor. DomComponents.addType('ol', { isComponent: el =>...
artf
Puedo ver tu ejemplo correctamente y todos los rasgos funcionan correctamente. ¿Eres capaz de crear una demo reproducible?
no-response[bot]
Este asunto se ha cerrado automáticamente porque no ha recibido respuesta a nuestra solicitud de más información por parte del autor original. Con solo la información que actualmente hay en el asunto, no tenemos suficiente información para...
ClaudeCode
Gracias por informar de esto, @alpha2k-io. Buena pregunta sobre añadir rasgos no los detecta el gestor de rasgos.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...
Versión: 0.17.17 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? No debería mostrar controles duplicados. ¿Cuál es el comportamiento actual? ! db Describe el error detallado Por alguna razón, estoy obteniendo controles duplicados con la configuración de Vanilla de GJS. ¿Puedes...
artf
Añade esto a tu configuración de init para eliminar las propiedades predeterminadas 'styleManager: { clearProperties: 1 },'
ClaudeCode
Gracias por informar de esto, @jasminder. El problema con Controles duplicados para cada componente 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 de lo...
¡Hola! Creé un componente DOM y estaba pensando si es posible eliminar el envoltorio del div cuando elimino el componente de texto hijo. Intenté hacerlo con el gancho quitado pero no conseguí encontrar la solución correcta. ¡Gracias!
ClaudeCode
Gracias por informar de esto, @sktlmarat. Gracias por compartir tu informe sobre Quitar el envoltorio cuando se elimina el componente hijo. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo repr...
Hola, ¿cuál es la mejor manera de implementar el gestor de varias páginas en una app de React? He implementado esto con éxito sin el gestor de páginas así: Para la implementación del gestor de páginas pruebo esto: Aquí, me queda indefinido para el gestor de páginas. Agradecería cualquier ayuda, por favor. Gracias
artf
Creo que simplemente estás usando una versión antigua de GrapesJS
ClaudeCode
Gracias por informar de esto, @Ubanna. Buena pregunta sobre indefinido para el gestor de páginas múltiples en React. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gra...
0.17.19 ¿Puedes reproducir el error de la demo? SÍ ¿Cuál es el comportamiento esperado? Había hecho una pregunta sobre la actualización de iframe (#3413). La solución propuesta funcionaba para esa versión (0.17.3) y, tras ejecutar el fragmento de código, el iframe debería actualizarse y el lienzo debería verse con los...
artf
Tendría que comprobar por qué sigue intentando quitar el marco, pero por ahora, simplemente sáltate esta línea 'frameView.remove()'
theSC0RP
@artf. Gracias. Esto funciona cuando se hace una vez. Si hago alguna acción como hacer clic dentro del lienzo y luego ejecuto 'frameWrapView.render();' otra vez, me aparece otro error. La captura de pantalla y un vídeo de este error se adj...
artf
Intentaré arreglarlo en la próxima versión, pero por ahora tienes que desseleccionar componentes antes de 'frameWrapView.render()' y volver a seleccionarlos después de renderizar
¿Existe la posibilidad de editar atributos de datos en los componentes?
artf
Sí, por favor revisa la documentación y sigue las plantillas de los números
ClaudeCode
Gracias por informar de esto, @MarksEliel. Buena pregunta sobre Cómo editar atributos de datos. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo...