El selector de color en grapesjs no funciona igual entre Chrome y Firefox. Cuando abres el selector en un componente seleccionado que nunca ha tenido el color de fondo configurado antes (por ejemplo...), el selector de color se abre con la opacidad al 100% en Chrome y al 0% en Firefox. El problema es que el usuario pu...
mhowey
@artf Otra diferencia a tener en cuenta entre Firefox y Chrome es lo que se muestra en la paleta. Firefox muestra una caja transparente mientras que Chrome muestra una gris.
artf
Parece que está resuelto en la última versión de Firefox
ClaudeCode
Gracias por informar de esto, @mhowey. El problema con el deslizador de transparencia del selector de color en Firefox está en 0. parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir...
Hola, Tengo un componente personalizado, llamémoslo Section Block. Quiero evitar que el usuario deje caer bloques de sección dentro de otros bloques de sección. ¿Es eso posible? Árbitro: https://grapesjs.com/docs/modules/Components.html#define-custom-component-type Soy consciente de las opciones que se pueden arrastra...
artf
Puedes usar el selector ':not()', por ejemplo. ':no(.excepto-esta-clase)'
stljeff1
Gracias @artf. Esta solución funciona, en su mayoría. Ahora me estoy encontrando con un nuevo problema donde desaparece un texto provisional. En algunos elementos dentro de mis bloques, tengo un elemento HTML con un nodo de texto, y luego...
artf
Estás definiendo el componente con la antigua API, que requiere otras cosas para funcionar correctamente y eso podría ser la causa del problema (he probado por mi parte y todo funciona como esperaba). Por favor, comprueba aquí la API corre...
Hola, me he encontrado con un bug raro cuando intenté conseguir la categoría de bloques. 'block.get('category')' devuelve el objeto en Chrome, pero en Firefox el mismo código devuelve la cadena: ! imagen Izquierda - Chrome, correcto - Firefox Además, con extensiones activadas de adblock o selenium, este código también...
xinnai
@kuhelbeher tuve el mismo problema, ¿resolviste tu problema?
artf
Esto parece haberse resuelto con la última versión de GrapesJS
ClaudeCode
Gracias por informar de esto, @kuhelbeher. El problema con block.get('category') devuelve resultados diferentes en Chrome y Firefox parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurri...
ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...
kumarabhishek008
El problema se ha resuelto
ClaudeCode
Gracias por informar de esto, @kumarabhishek008. El problema con Imagen de fondo del componente envoltorio no carga por segunda vez al actualizar parece ser una condición de carrera o un problema de sincronización de gestión de estado. Est...
Quizá puedas ayudarme... Quiero quitar la etiqueta ".gjs-traits-label" cuando se abra traitManager. ! imagen ! imagen Probé algo así:
artf
'''css .gjs-traits-label { display: none } ```
ClaudeCode
Gracias por informar de esto, @alemenciones. Buena pregunta sobre ¿Cómo ocultar ".gjs-traits-label" en traitManager?. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...
Hola, Estamos teniendo un problema: el color del nombre de la propiedad, como "Width", es azul al arrastrar un nuevo componente a canvas, pero no modificamos su valor. ! imagen Grapesjs es poderoso y muy útil para nosotros. Sin embargo, somos nuevos en grapesjs y hemos dedicado mucho tiempo a este tema sin ningún avan...
artf
Hola @luziye9 seguro que estás usando un bloque/componente con una propiedad personalizada de 'estilo'... De todos modos, si abres un problema de BUG, tienes que seguir la plantilla (versión de grapesjs, demo reproducible, etc.). Así que,...
ClaudeCode
Gracias por informar de esto, @luziye9. Buena pregunta sobre ¿Cómo cambia el color de la propiedad a azul cuando cambia el valor?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentació...
Estaba trasteando con formas de cambiar el estilo de los elementos dentro del lienzo y me di cuenta de que al usar el rasgo color-selecter para establecer la propiedad de color de estilo en línea del elemento (no la etiqueta de estilo en línea que obtienes a través de getCS()), esa propiedad de estilo desapareció comp...
artf
Hola @DodoTrip la razón es que con CSS en línea no puedes definir estilos con estados (por ejemplo, ':hover') ni consultas de medios, así que siempre lo he visto como una limitación inútil en lugar de una característica. A pesar de eso, pu...
ThetripGr
Hola @artf y gracias por tu respuesta. ¿Te importaría darme un ejemplo de cómo se hace ahora mismo o debería avoidInlineStyle hacerlo funcionar fácilmente?
artf
Sinceramente, dejé de usar avoidInlineStyle hace tiempo, pero supongo que debería funcionar 😁
Oye, @artf. Quiero acceder al json que se genera cuando se almacena una plantilla sin almacenar realmente la plantilla. El objeto json se puede acceder usando los eventos, pero no quiero llamar a 'editor.store()' y luego usar los eventos. ¿Hay alguna forma de obtener el objeto json (una llamada a función en el editor...
Joshmamroud
@theSC0RP ¿Esto es lo que buscas? editor.getComponents()
artf
@theSC0RP no está claro si quieres la funcionalidad de almacenamiento o no, pero lo que propues Josh es correcto o siempre puedes añadir tu almacenamiento (y no hacer nada dentro si hace falta...) https://grapesjs.com/docs/modules/Storage....
theSC0RP
siempre puedes añadir el almacenamiento (y no hacer nada dentro si hace falta...) https://grapesjs.com/docs/modules/Storage.html#define-new-storage Gracias @artf. Esto fue lo que acabé haciendo. Con 'editor.getComponents()', obtienes una e...
Hola @artf - lo que has construido es magnífico. Ha sido una lucha suave porque estoy lejos de ser un mago de JS. Sin embargo, tengo casi todo configurado, ¡excepto esto! Quiero establecer rasgos que se muestren cuando se selecciona una imagen (alt, src, id). Estoy seguro de que se puede hacer una vez al inicializar,...
artf
Hola Freddy, en este caso puedes simplemente ampliar el componente de imagen '''js editor. Components.addType('image', { modelo: { Predeterminados: { Rasgos: [{Nombre: 'Alt'}, {Nombre: 'SRC'}, {Nombre: 'ID'}] } } }); ```
ClaudeCode
Gracias por informar de esto, @fmay. Buena pregunta sobre Pregunta: Rasgos. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el...
Me gustaría crear un nuevo rasgo personalizado para usar, que tenga la entrada del selector de color y una casilla de verificación para que el resultado final sea el color predefinido que viene de la casilla marcada o, si está desmarcado, elegir desde el selector. Esto es demasiado específico para mi caso, así que mi...
artf
Ahora mismo no, estoy trabajando en un nuevo módulo de interfaz que permitirá reutilizar y anular elementos internos de la interfaz.
ClaudeCode
Gracias por informar de esto, @ThetripGr. Buena pregunta sobre ¿Es posible usar los tipos de rasgos existentes en nuevos rasgos personalizados? (por ejemplo, el selector de color). El enfoque recomendado con GrapesJS es usar la API orienta...