Problemas con GrapesJS

Problemas analizados por 3,464 en GitHub 370 resuelto · 90 abierto. Busca, filtra y explora respuestas probadas en batalla.

Se han detectado problemas con 220

🔍 canvas
#354919 de junio de 2021por anlumoRespuesta 1
Reacciones 0

CreateCustomEvent no gestiona correctamente los eventos del ratón

Versión: 0.17.4 / git master Describe el error detallado FrameView reempaqueta los eventos de teclado y ratón aquí: https://github.com/artf/grapesjs/blob/07061ae1307fedf2a3b9bd585ce0cb30f653f112/src/canvas/view/FrameView.js#L389-L399 Creo que la razón está relacionada con redirigir eventos iframe a eventos de marco pa...

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con createCustomEvent no gestiona correctamente los eventos con ratón parece ser un problema de gestión de tiempos de condición de carrera o estado. Esto suele ocurrir cuando los eventos d...

#35154 de junio de 2021por anlumo4 respuestas
Reacciones 9

El estilo seleccionado por gjs es Hardcoded

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

#349127 de mayo de 2021por TheDude702 respuestas
Reacciones 0

El iframe no guarda el SRC / no reconoce los iframes tras la carga

Versión: 0.17.4 ¿Puedes reproducir el error de la demo?[ ] Sí[X] No ¿Cuál es el comportamiento esperado?Tras insertar un iFrame que el src se devuelve al usar 'editor.getHTML()'Al cargar una página, esos iframes serán reconocidos como componentes iframe y volverán a ser editables Describe el error detallado Estoy añad...

artf

Añadiré soporte para iframe en la próxima versión

ClaudeCode

Gracias por informar de esto, @TheDude70. El problema con iframe no guarda src / no reconoce iframes tras carga parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida...

#348526 de mayo de 2021por ahmedderkaouiRespuesta 1
Reacciones 0

Un elemento inyectado como HTML en canvas no se comporta como un componente

Consideremos un bloque simple: Cuando se arrastra al lienzo, este componente se puede seleccionar y es posible modificar sus ajustes. Ahora, hago esto para añadir la misma entrada en una tarjeta: '$(someElement).find(".card").html('<input type="text"/>');' La entrada se añade con éxito, pero no se comporta como antes....

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre Element inyectado como HTML en canvas que no se comporta como un componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consu...

#348225 de mayo de 2021por Palash-Mandal4 respuestas
Reacciones 0

Rasgos actualizados en tiempo de ejecución, no modo EDITAR.

Hola @artf Tengo problemas con ciertos rasgos. Cuando arrastro y suelto el bloque en el lienzo, los rasgos aparecen bien en la sección de ajustes. pero cuando guardé y edité la segunda vez y seleccioné esa etiqueta en lienzo, esos rasgos ahora aparecen en la sección de la configuración. ¡Por favor, por favor, por favo...

artf

¿Estás definiendo tu componente personalizado en un plugin?

Palash-Mandal

¿Estás definiendo tu componente personalizado en un plugin? No. Solo hay que añadir la función de init editor = grapesjs.init({ const dc = editor. DomComponents; Componente de Encabezado Personalizado blockManager.add('header', { etiqueta:...

artf

La primera regla para definir nuevos tipos de componentes es colocar el código dentro de un plugin. De docs

#347825 de mayo de 2021por eyroooonRespuesta 1
Reacciones 0

Usando GrapeJS en nextjs

Algunos de los css no funcionaban correctamente, por ejemplo, el .gjs-cv-canvas no funcionaba. Esta es la captura de pantalla de mi página de grapejs en nextjs ! imagen

ClaudeCode

Gracias por informar de esto, @eyroooon. Gracias por compartir tu informe sobre Usar GrapeJS en nextjs. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/JSFiddle) Tu G...

#346519 de mayo de 2021por anatoli-dp3 respuestas
Reacciones 0

La actualización rompe algunas cosas con CSS

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

Bueno, en realidad la API adecuada sería '.components('html string here')', que parece funcionar como se espera, pero investigaré lo del restablecimiento porque esperaría que funcionara igual

artf

Vale, parece que el método de reinicio de la columna vertebral inyecta la opción 'silenciosa', que impide que la colección CSS renderice el estilo añadido, así que por ahora preferiría evitar poner condiciones hackeadas para eliminar esa o...

ClaudeCode

Gracias por informar de esto, @anatoli-dp. El problema con update rompe algunas cosas con css 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 vida...

#346218 de mayo de 2021por ahmedderkaoui3 respuestas
Reacciones 0

Actualizar/volver a renderizar los rasgos de todos los componentes en el lienzo

¿Hay alguna forma de volver a renderizar o actualizar los rasgos (que son personalizados, no internos) de todos los componentes existentes en el lienzo?

iabhiyaan

'''js editor.on('component:selected', component => { component.set({ Rasgos: ['Nombre', 'Sustituto'] }) }) ````

artf

Mmm, ¿cuál es el sentido? Tus rasgos personalizados ya deberían reaccionar a los cambios de componentes (si los creaste correctamente).

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre Actualizar/volver a renderizar los rasgos de todos los componentes en el lienzo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consult...

#345816 de mayo de 2021por diveshamRespuesta 1
Reacciones 0

HAZAÑA: AÑADIR BLOQUES PERSONALIZADOS (es decir, iframe) y personalizarlo como imagen, es decir, al hacer doble clic abre las opciones de assets para enlace de vídeo en un bloque iframe personalizado

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

ClaudeCode

Gracias por informar de esto, @divesham. Gran sugerencia sobre HAZAÑA: ¡AÑADE BLOQUES PERSONALIZADOS (es decir, iframe) y personaliza como imagen, es decir, al hacer doble clic abre las opciones de recursos para el enlace de vídeo en un bl...

#344911 de mayo de 2021por chiragkataria223 respuestas
Reacciones 0

Cambiar de página llama a estilos y scripts de canvas una y otra vez

Hola Estoy integrando el gestor de páginas en mi proyecto. Pero el problema que tengo es que cada vez que cambio entre páginas, carga archivos CSS y scripts dados en el objeto canvas en el momento de iniciar, una y otra vez. Hace que cambiar de página sea lento. Implementación: grapesjs.init({ pageManager: { páginas:...

chiragkataria22

@artf ¿Me puedes ayudar, por favor?

artf

Desafortunadamente, cambiar de página crea un nuevo iframe, así que el comportamiento es correcto. Preferí eliminar iframes anteriores para mantener el consumo de memoria lo más bajo posible. Una solución podría ser encontrar la forma de r...

ClaudeCode

Gracias por informar de esto, @chiragkataria22. Gracias por compartir tu informe sobre Cambiar de página a las llamadas de estilos y scripts canvas una y otra vez. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona...

Explora todos los temas