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 877

🔍 question
#348025 de mayo de 2021por samichamoun4 respuestas
Reacciones 1

Cómo controlar dinámicamente la altura del editor para evitar un desplazamiento torpe

He notado que si en la función de inicialización pongo una altura, se fija en función de una cantidad específica de píxeles, por ejemplo, altura: "500px". Sin embargo, si intentas poner un porcentaje, por ejemplo de altura: "90%", el editor no tiene ninguna altura. También me pregunto qué está configurando la altura s...

ahmedderkaoui

Intenta trabajar con 'VH' en vez de 'PX'. Por ejemplo: ponle al editor 'altura: '80VH'', tu barra de navegación 'altura: '20VH''. De este modo, el desplazamiento vertical nunca se mostrará ni será necesario siempre que la suma de la 'vh' d...

samichamoun

intenta trabajar con 'vh' en vez de 'px'.ejemplo: ponle al editor 'altura: '80vh'', tu barra de navegación 'altura: '20vh''. De este modo, el desplazamiento vertical nunca se mostrará ni será necesario siempre que la suma de la 'vh' de tod...

artf

Esto es más un problema de diseño y no está relacionado con el editor GrapesJS en sí.

#347524 de mayo de 2021por ThetripGr2 respuestas
Reacciones 0

Los botones de barra de herramientas o de acción no funcionan cuando hay varias instancias presentes (incluso en tu demo).

Versión: 0.16.44 Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento esperado? Cada instancia tiene su propia barra de herramientas que funciona correctamente Describe el error detallado Anteriormente hice otro problema r...

artf

Gracias por el informe @DodoTrip La solución está lista para la próxima versión.

ClaudeCode

Gracias por informar de esto, @ThetripGr. El problema con los botones de barra de herramientas/barra de acción no funcionan cuando hay varias instancias presentes (incluso en tu demo) parece ser un problema de gestión de la carrera o de ge...

#347224 de mayo de 2021por YyueeiWY2 respuestas
Reacciones 2

El atributo Css (-webkit-background-clip:text;) no funciona en grapesjs-preset-webpage.

Versión: "grapesjs": "^0.17.3" "grapesjs-preset-webpage": "^0.1.11" Puedes obtener la versión escribiendo 'grapesjs.version' en la consola ¿Puedes reproducir el error de la demo?[x] Sí[ ] No ¿Cuál es el comportamiento actual? El atributo CSS (-webkit-background-clip:text;) no funciona en grapesjs-preset-webpage (desap...

YyueeiWY

Vale, lo solucioné usando grapesjs-parser-postcss No sabía que existía un plugin de analizador CSS. https://github.com/artf/grapesjs-parser-postcss

ClaudeCode

Gracias por informar de esto, @YyueeiWY. El problema con Css attribute (-webkit-background-clip:text;) no funciona en grapesjs-preset-webpage. parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir...

#347022 de mayo de 2021por iabhiyaanRespuesta 1
Reacciones 0

Pregunta: ¿Cómo podemos activar el gestor de rasgos (del panel superior derecho) cuando se selecciona un componente

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, @iabhiyaan. El problema con Pregunta: ¿Cómo podemos activar el gestor de rasgos (en el panel superior derecho) cuando se selecciona un componente parece ser un problema de condición de raza o de sincronización...

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

#346318 de mayo de 2021por anatoli-dp4 respuestas
Reacciones 1

Desbordamiento del inspector roto

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

anatoli-dp

Quizá poner los controles al principio del texto y luego desplazar ligeramente toda la caja por cada sangría o elemento apilado. Así puedes apilarlos tanto como quieras sin problema 🤷; acabaré creando mi propia solución para lograrlo, per...

artf

Sí, desafortunadamente, el panel de capas por defecto no es tan escalable, tenemos que replantearnos cómo se renderiza

artf

Sí, mover los controles delante del texto suena razonable (por ejemplo, hacerlos visibles solo cuando paso el cursor sobre el componente). En fin, como no es un caso tan común con tanta estructura desordenada, no le daría mucha prioridad a...

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

#346117 de mayo de 2021por ahmedderkaouiRespuesta 1
Reacciones 0

Rasgo de rerenderizado en un componente seleccionado

Sé que existe una función que puede rerenderizar la vista de un rasgo. Sin embargo, todavía no sé cómo ni dónde usarla.

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Buena pregunta sobre el rasgo de rerender en un componente seleccionado. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación d...

#345916 de mayo de 2021por anlumo2 respuestas
Reacciones 1

Configuración incorrecta de DomComponents

Versión: 0.17.3 ¿Cuál es el comportamiento esperado? La documentación dice que puedo configurar el elemento envolvente a través de la configuración: https://github.com/artf/grapesjs/blob/0027dcd1194715eeaf4b24db878dd7ebac069cc4/src/dom_components/config/config.js#L6-L24 Describe el error detallado No creo que esta con...

artf

Sí, en realidad el nombre, por defecto, se gestiona mediante la configuración i18n. Desde la versión 0.17.* ni siquiera la opción de 'envoltorio' ya no es necesaria, ya que ahora deberías ampliar el componente 'envoltorio' como todos los d...

ClaudeCode

Gracias por informar de esto, @anlumo. El problema con Configur Incorrect de DomComponents' 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 d...

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

Explora todos los temas