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...
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...
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'
Hola a todos, quiero guardar datos de Canvas en Redux Store, y funciona, pero después de recargar la página, el método de carga de almacenamiento, no pone mis datos en Builder (Canvas), no sé qué me pasa, decidme si alguien tiene alguna solución. Ejemplo de código: '''js grapejs.init({ .../// storageManager: { Tipo: '...
artf
Elimina este 'const resultKey = key.slice(4);'. Almacenas datos con el prefijo pero luego los cargas sin
ClaudeCode
Gracias por informar de esto, @vatte21. Buena pregunta sobre Cómo crear un gestor de almacenamiento personalizado, no configura los datos guardados del canvas tras recargar la página. El enfoque recomendado con StyleManager es usar la API...
Hola @artf quiero ocultar y mostrar propiedades de estilo para un componente específico. Tras referenciar este problema https://github.com/artf/grapesjs/issues/1428 He escrito mi código así, pero me está dando un error -: '''js Exportar por defecto (editor, configuración) => { const sm = editor. StyleManager; const cs...
artf
Hola @Abhisheknanda1344463 ¿intentaste seguir mis indicaciones aquí? No necesitas añadir o eliminar sectores en cada selección, solo jugar con las propiedades de los componentes
Abhisheknanda1344463
@artf lo he probado, pero si me gusta este https://github.com/artf/grapesjs/issues/1428#issuecomment-421640559 Luego mostrará los sectores de estilo en los que esas propiedades están presentes. Quiero mostrar a mi personalizado solo un sec...
Versión: 0.14.62 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No No soporta Vue.js ni NPM ¿Cuál es el comportamiento esperado? Bloques para mostrar en la barra lateral derecha con el responsable de estilo Describe el error detallado Estoy intentando que el gestor de bloques aparezca en la barra lateral derecha, pe...
artf
'''js blockManager: { appendTo: '#blocks', // <- elimina este ```
ClaudeCode
Gracias por informar de esto, @joshk132. El problema con No poder mostrar bloques en la barra lateral derecha parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del...
Cuando estilizamos un elemento en el editor, si este elemento no tiene ni clase ni id, el gestor de estilos genera un nuevo id con el estilo css. Sin embargo, estilizar un elemento con una clase hace que el gestor de estilos use esta clase para añadir estilos. ¿Hay alguna forma de usar siempre los IDs para estilizar y...
Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre ¿Puede el gestor de estilos generar siempre IDs en lugar de usar la clase de elemento ya definida?. El enfoque recomendado con StyleManager es usar la API orientada a event...
Así que, antes que nada, gracias @artf por este increíble proyecto. Tengo una pregunta: ¿Es posible convertir fácilmente el component-JSON a HTML en el lado del servidor (en un entorno Node.js)? Si es posible, ¿podrías darme una pista para conseguirlo? En el lado del cliente es bastante sencillo: Puedo obtener el comp...
bgrand-ch
Hola, Para futuras preguntas o problemas técnicos, que no sean errores, la pestaña Discussions de GitHub es el lugar ideal. No olvides cerrar este problema si se resuelve o escribir un nuevo mensaje detallado en la categoría Discussiones -...
anlumo
Sí, si tienes algún tipo de contenido interactivo, probablemente eso no funcionaría. Por suerte, ese no es el caso de mi solicitud.
Ju99ernaut
Quizá podrías instalar grapesjs en el lado del servidor (similar al lado del cliente) y usarlo para renderizado, si no, tendrás que hacer ingeniería inversa del renderizador. Otra alternativa sería almacenar el HTML generado también en la...
Versión: 0.16.45 ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Dada una instancia de componente web padre que renderiza algunos elementos con 'slot', en el shadowDOM, si el elemento padre de 'slot' tiene estilo 'display: flex', el clasificador debe ser vertical, ya que en el...
ClaudeCode
Gracias por informar de esto, @YumiChen. El problema con dirección incorrecta del clasificador con la ranura de componentes web parece ser una condición de carrera o un fallo de sincronización de gestión de estado. Esto suele ocurrir cuand...
Tengo un requisito que me permite usar selectores para determinar si un elemento es soltable. Por ejemplo: ! imagen El componente "hijo" debe estar dentro de un componente "padre", sin embargo, si el componente hijo contiene un atributo ref, solo puede arrastrarse a otros contenedores padres que coincidan con el mismo...
@artf tienes alguna pregunta sobre esta característica o sobre el enfoque adoptado en la PR?
ClaudeCode
Gracias por informar de esto, @rywilson28. Gran sugerencia sobre FEAT: ¡Permite la configuración dinámica droppable usando una función! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comp...