Hola, Soy bastante nuevo en este gran proyecto, pero estoy intentando cambiar la visualización de un componente onClick de otro componente después de seleccionar el id del componente en el menú desplegable. Estoy teniendo problemas para añadir un atributo onClick al componente después de seleccionarlo desde un rasgo d...
ClaudeCode
Gracias por informar de esto, @tmrowe123. Gracias por compartir tu informe sobre Intentar añadir un atributo onClick al componente. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible...
No estoy seguro de qué está pasando exactamente, pero esto es lo que me está pasando. A veces los exámenes pasan y los exámenes fallan aleatoriamente por esto. ¿Cualquier ayuda, por favor@artf <img width="1474" alt="Captura de pantalla 2021-06-10 a las 7:08 14 PM" src="https://user-images.githubusercontent.com/5573288...
artf
Igual que aquí https://github.com/artf/grapesjs/issues/3476#issuecomment-848074298
ClaudeCode
Gracias por informar de esto, @krishnaeverestengineering. Gracias por compartir tu informe sobre no pude hacer pruebas unitarias de los componentes de grapesjs. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: U...
¿Es posible publicar el código completo de la demo desde el principio? Hay muchos pequeños fragmentos que dependen unos de otros. Sería bueno tener estos en un repositorio como ramas separadas para que los desarrolladores puedan ver el resultado final esperado. En muchos casos se saltaron cosas simples o la ubicación...
anlumo
Sí, el problema es que la demo define su propio plugin que luego importa todos los demás plugins. Esto hace que intentar averiguar cómo hacer las cosas sea muy difícil, porque tienes que seguir muchos redirecciones entre diferentes reposit...
artf
El código final del tutorial para empezar es en realidad aquí (y su grapesjs config).Sí, el problema es que la demo define su propio plugin que luego importa todos los demás plugins @anlumo sí, en realidad los plugins actuales de presets e...
erpardeepjain
@artf pero ¿cómo ejecutar ese archivo o archivo de configuración ya que el archivo principal está en Vue y el proyecto base en React, ¿puedes indicarme cómo hacerlo funcionar como se muestra en la demo?
¿Qué intentas añadir a GrapesJS? La propiedad CSS 'float' solo tiene sentido para 'posición: estática;' elementos, que resulta ser el valor predeterminado. Solo quiero mostrar el selector de radio flotante si la posición no está configurada en otra opción. Sin embargo, si añado 'require: ['static']' a la definición de...
artf
Hola @anlumo, ¿has intentado ampliar la definición de flotación con algo como 'requiere: { posición: ['estática'] }'?
anlumo
! imagen Sí. Parece funcionar bien después de recargar la página, pero cuando cambias la posición deja de funcionar y se ve como en la captura de pantalla. La definición es la siguiente: '''js { nombre: "Layout", abierto: falso, buildProps...
ClaudeCode
Gracias por informar de esto, @anlumo. Gran sugerencia sobre FEAT: En el Style Manager, ¡permite requerir la configuración predeterminada! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un c...
Soy nuevo en uvasJS... Gran herramienta. Tengo algunas preguntas sobre los rasgos. He seguido este tutorial https://grapesjs.com/docs/modules/Traits.html#define-new-trait-type porque tengo que sobrescribir cómo se genera el href. El ejemplo me parece genial aunque haya hecho pocas modificaciones. Quiero reemplazar......
artf
Puedes hacer esto: '''js tagListElement.on('select2:select', e => this.onChange(e)); onChange activará correctamente el onEvent ```
iteniel
@artf gracias ¿Puedes ayudarme con la primera parte de la pregunta? Necesito algo como onPostRender/afterRender para inicializar el componente select2 cuando el DOM esté presente algo después del método createInput
ClaudeCode
Gracias por informar de esto, @iteniel. Excelente pregunta sobre [PREGUNTA]: Integra el elemento select2 UI en los rasgos. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentaci...
Esta definición: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 siempre se añade al marco. Contiene la definición de color de los elementos seleccionados (ese contorno azul). Este color no se puede cambiar, porque aquí hay un '!importante'. Como es...
artf
Hola @anlumo tienes razón, desafortunadamente los estilos de estado de los componentes se renderizan dentro de iframes. He intentado sacarlos fuera introduciendo esta opción, pero aún no gestiona varias selecciones. Así que, por ahora, la...
filipecheverrya
Hola @mingxin-yang, creo que tienes que seguir la misma regla que @artf dicho. Pero usando las clases correspondientes '''js grapesjs.init({ // ... canvasCss: ' .gjs-tools .gjs-badge { / para la etiqueta / Color de fondo: Rojo; } .gjs-tool...
GoodPHP
Publicado Plugin gratuito para colores de conjunto Fronteras: https://gjs.market/products/borders-color-around-selected-component
Hola @artf, Estoy intentando desarrollar un plugin sencillo para banners que incluya un encabezado, un subtítulo y un enlace. y cada elemento puede ser arrastrable, soltable y resaltado, pero según el código inferior alguna parte del código no funciona. Por favor, ayudadme ! imagen solo la clase banner CSS empujada, p...
artf
En la definición de tu modelo component, usas 'content: config.template' pero debería ser 'components: config.template'
Palash-Mandal
Hola @artf, He buscado la solución, pero hay algunos problemas con los componentes. El componente hijo H2,H3 y Link presionaba para todos los demás componentes. Si suelto un componente de columna, esos elementos hijos también se empujan de...
ClaudeCode
Gracias por informar de esto, @Palash-Mandal. Buena pregunta sobre elementos hijos que no se pueden arrastrar y que se pueden resaltar soltando. también el CSS de todos los elementos hijos que no se han subido en la sección de estilo mient...
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...
artf
Gracias @moises-flowize, eso se corregirá en la próxima versión https://github.com/artf/grapesjs/commit/ac96298add119c4f4e000967ab3332f9ad711613
ClaudeCode
Gracias por informar de esto, @moises-flowize. El problema con Command core:component-enter que no funciona en todos los casos parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cua...
¿Cómo volver a renderizar los rasgos después de hacer clic en botones? Nota: El rerenderizado no debería ser una modificación del dom. He creado una función que renderizaría el rasgo llamando a 'render()' dentro de 'createInput()' ¿Hay alguna forma de volver a renderizar los rasgos con la cadena dom más nueva y actual...
artf
createInput se llama una vez, si quieres actualizar la interfaz de usuario de tu rasgo, confía en 'onUpdate', que se llama cada vez que cambias la selección. PD. Por favor, evita usar Problemas para preguntas, revisa la pestaña de Discusio...
ClaudeCode
Gracias por informar de esto, @iabhiyaan. Buena pregunta sobre Rerender rasgos después de ciertos eventos (por ejemplo, click). El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...
Versión: 0.17.4 Cómo reproducirCambiar a modo tableta o móvilOcultar el componente seleccionado desactivando el icono de visibilidad de la capaCambiar al modo escritorio. ResultadoEl icono de visibilidad sigue desactivado mientras se muestran los componentes ocultos. EsperadoDespués de cambiar al escritorio, el icono...
artf
Gracias por el informe @tranthanhhoa lo arreglaré en la próxima versión, pero creo que mantendré el cambio de visibilidad más como una condición global, para que el componente oculto no sea visible en todos los dispositivos.
ClaudeCode
Gracias por informar de esto, @tranthanhhoa. Buena pregunta sobre La visibilidad de las capas no funciona correctamente. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación...