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...
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...
Me gustaría añadir soporte para el idioma hebreo y traducirlo. Además, deberías soportar la propiedad "dirección" para permitir el soporte de idioma de derecha a izquierda para la visualización: https://www.w3schools.com/cssref/prtextdirection.asp
ClaudeCode
Gracias por informar de esto, @Tal500. ¡Gran sugerencia sobre el soporte en HE(hebreo))! 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 evento...
Estoy usando componentFirst configurado en true para que mis usuarios apliquen el estilo necesario al componente que seleccionaron. Seleccionar un componente al que se aplica una clase css específica para el tipo de componente y hacer clic en el botón "Sync" hace que el selector cambie del ID del componente a la clase...
ltenti-eventboost
Tiene sentido, ahora solo me queda encontrar la manera de añadir esta función a mi constructor. ¡Gracias @Ju99ernaut!
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 -...
artf
Hola @ltenti-eventboost, no estoy seguro de si entiendo exactamente dónde está tu problema. Cuando editas con 'componentFirst' activado, el editor aplica cambios de estilo en una regla CSS específica de cada componente (por ejemplo, '#cmp-...
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...
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...
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í:...
¿Qué intentas añadir a GrapesJS? Añadir soporte para CSS Grid ('display: grid;') y sus diversas opciones. No tengo una necesidad personal inmediata de esto, pero pensé que debería ser controlado.
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: '...
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...