Hola equipo, Estoy intentando usar la herramienta de CLI de uvas (https://github.com/artf/grapesjs-cli) para crear un plugin que se use con un proyecto de React. La herramienta CLI creaba archivos blocks.js, components.js y index.js. El archivo index.js contiene el siguiente código: ¿Cuál de los siguientes debe usarse...
pouyamiralayi
@arunkumar413 este número debe publicarse en grapesjs-cli¿Cuál de los siguientes debería usarse para definir componentes? Debes definir tus componentes en ''components.js'' archivo. ''loadComponents'' es la importación con nombre de ese ar...
artf
¿Podrías crear algunos codesandboxes que nos ayuden a entender mejor cómo usar grapesjs con react, jsx, kits de herramientas de interfaz como material-UI, etc.? https://github.com/artf/grapesjs/issues/2370#issuecomment-550515205
Hola equipo, Estoy intentando usar los componentes de la interfaz de material con las uvas, pero los componentes de la interfaz de materiales no se están renderizando como se espera (https://codesandbox.io/s/grapesjsapp-umxf5). He usado esta plantilla (https://github.com/prashant2018/GrapesJs-React) para probar la int...
pouyamiralayi
@arunkumar413 para casos de uso de materiales, por favor consulte gramateriapor favor aclarar el caso de uso de esta herramienta Grapesjs es un generador de plantillas que actualmente soporta web. Además, proporciona APIs que se pueden int...
artf
¿Podrías aclarar el caso de uso de esta herramienta? ¿Está pensada esta herramienta para crear componentes usando las etiquetas HTML normales en lugar de usar algún framework como React? ¿O esto complementa el React, Angular, Vue, etc.? ht...
Rishabh-prescience
Pude integrar Material UI con GrapesJS, pero estoy atascado en la integración de ApexCharts. ¿Alguien puede informarse? 'CodeSandBox'. Gracias de antemano
En el nuevo modo de arrastre, el estilo del componente no se actualiza tras arrastrarlo. Comportamiento esperado:Arrastrar el elemento haciendo clic en el componente (o en el icono de la barra de herramientas)Después de que los componentes se 'caigan', el estilo debe actualizarse con la nueva posición Comportamiento a...
artf
Tener valores conjuntos de x e e e (por ejemplo, 0px y 0px) ¿Para x/y te refieres a izquierda/arriba?
MartinPutz
Sí, la izquierda y la parte superior deberían cambiar y actualizarse, pero siguen igual.
artf
Veo que solo cambian después de volver a seleccionar el componente, ¿puedes confirmarlo?
[Bug]: Hola, integré uvas js en un proyecto asp.net core / angular. Tengo dos problemas:Aleatoriamente, tras añadir bloques, la barra de herramientas y el resaltador se muestran en posiciones incorrectas. ! screenpositionCuando hago clic en el selector de datos, se muestra en una posición incorrecta fuera de mi ventan...
artf
Sobre el tema de la posición del color, refieros a este https://github.com/artf/grapesjs/issues/1533#issuecomment-432146597
artf
@picozzo92 ¿Puedes crear una demo mínima y reproducible de este número? Estoy trabajando en una refactorización de gran lienzo que probablemente solucionará todos los problemas relacionados, tener una demo reproducible ayudará a entender e...
SaleDrache
Tuve el mismo problema con el posicionamiento del selector de colores y concluí que su posición se da relacionada con la etiqueta screen / html (posición: absoluta, izquierda: x px), pero si algún elemento padre que contiene gjs-editor tie...
Aquí tienes una demostración funcional del número Pasos para reproducirse:Seleccionar un componentePrueba a arrastrarlo desde la barra de herramientas Puedes ver que inmediatamente el componente salta hacia la izquierda. Aunque funciona bien si intentas arrastrar el componente solo (y no usar la barra de herramientas)...
emilsedgh
Oh, intenté encontrarlo antes de denunciar pero no pude. Gracias. Entonces cerraré esta.
pouyamiralayi
@emilsedgh hay un debate abierto sobre esto aquí
alemenciones
Esto se arregló en la última versión, ¿verdad? Necesito una solución cuando arrastro fuera de iframe en dispositivos móviles
Hola equipo, Acabo de empezar a jugar con grapesjs y me gustaría usar la plantilla/componente de react que ya está funcionando en el editor de interfaz de grapesjs. Y también convertir la plantilla creada en grapesjs al formato de plantilla/componente react/jsx. ¿Podrías decirme si esto es posible con grapesjs y guiar...
artf
@arunkumar413 aún no hemos llegado al punto de trabajar directamente con componentes de React, pero algo se está moviendo hacia #1970
pouyamiralayi
¡Hola! Por favor, lee la guía de configuración y después puedes usar ''editor.addComponents(<div>Hello JSX</div>)'' para añadir componentes. para JSX específico de framework, también puedes usar callbacks de procesador. ¡Salud!
Mi equipo y yo creamos una aplicación que utiliza grapesjs para crear una plantilla de correo electrónico. Cuando se introducen imágenes en la plantilla, se codifican automáticamente en base64, que se descubrió que proviene de la línea 77 de: https://github.com/artf/grapesjs/blob/dev/src/asset_manager/config/config.js...
artf
@timkelly0810 para desactivar la codificación, simplemente convierte a falso esta opción TODO LO QUE NECESITAS saber sobre cómo subir recursos está aquí: https://grapesjs.com/docs/modules/Assets.html#uploading-assets
pouyamiralayi
Añadiendo función de subida de imágenes
timkelly0810
¿En qué forma envía imágenes grapesjs a una base de datos? Estamos intentando determinar cómo las uvas envían las imágenes a la primavera para poder configurar nuestra base de datos y recibir las imágenes entrantes.
Hola, Creé un componente personalizado para un botón de alternancia. Mi problema es que, una vez que arrastro y suelto más de uno, y luego edito alguno de ellos, todas las instancias se actualizan en cuanto a color, tamaño, etc. Estoy usando la última versión de grapesjs ~~~~ editor. BlockManager.add('toggle', { etiqu...
pouyamiralayi
¡Hola! Supongo que es porque tus bloques tienen clases similares y tienen selectores en común. en la última versión, ''avoidInlineStyle'' es cierto por defecto, ¿así que lo estás experimentando en la última versión?
artf
La suposición de @pouyamiralayi es correcta, esto ocurre por las mismas clases y tienes que toggle en el gestor de estilos para que solo se pueda estilizar el estilo component. Por cierto, pronto intentaré, espero, ofrecer una solución más...
Describe el error (esto no ocurre en la última versión, este problema no es válido). Supongamos que tenemos una propiedad en nuestro modelo de componente que es un objeto. luego intenta interpolar esta propiedad en script: lo que obtendrás es una cadena '[objeto Objeto]'. Pasos para reproducir el comportamientoCrear u...
Ejemplo: https://jsfiddle.net/benvmatheson/g1ft06qh/8/ Importa un estilo con una propiedad de texto. 'Sombra-texto:rgb(51, 166, 58) 4px 4px 4px;' Esto funciona correctamente y el objeto se muestra correctamente. Sin embargo, una vez seleccionado el elemento, el valor rgb se elimina y se reemplaza por 0. 'text-shadow:0...
benvmatheson
Parece que 'targetUpdated' se ejecuta dos veces cuando se hace clic en el elemento. Una vez con el valor correcto 'rgb(89, 89, 89) 5px 6px 7px' y otra vez con 'rgb' limpiado '0 5px 6px 7px'. Esto explicaría por qué está confuso si el prime...
artf
Sí, ya soy consciente de este problema. Desafortunadamente, el analizador del Gestor de Estilos es bastante torpe y lo que hace es simplemente separar el valor por un separador, en este caso '' '' (espacio), y distribuir las divisiones a p...
benvmatheson
Esto parece que podría convertirse en un gran proyecto debido a dependencias entre navegadores. ¿Valdría la pena traer un módulo de terceros en vez de intentar resolver esto dentro de Uvas?