Problemas con GrapesJS

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...

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?

ClaudeCode

Gracias por informar de esto, @iabhiyaan. El problema con Pregunta: ¿Cómo inicializar correctamente los grapesjs dentro de la tienda Vuex? parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele o...

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...

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...

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

YyueeiWY

Necesitas la flexibilidad de la pantalla En tu caso, alinea cada bloque en el extremo, usa ( align-content: flex-end; ) en cuerpo o en el elemento padre <pre> &lt;class body="flex-container flex-end"&gt; &lt;div class="flex-item"&gt;1&lt;/...

artf

Hola @sizhousama la forma más sencilla probablemente sea algún tipo de truco CSS o puedes definir, usando componentes personalizados, una estructura con contenedores fijos (por ejemplo, uno para el encabezado, para el cuerpo y el zapata).

ClaudeCode

Gracias por informar de esto, @sizhousama. Buena pregunta sobre [PREGUNTA]: Cómo hacer que un bloque personalizado siempre esté al final de la página. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Co...

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...

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...

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...