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 545

🔍 typescript
#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í.

#347724 de mayo de 2021por ahmedderkaoui2 respuestas
Reacciones 0

SetMessages() no actualiza i18n

Por defecto, el editor se inicia con el idioma inglés cuando el 'init' no contiene: Sin embargo, cuando intento cambiar el idioma usando el método i18n: 'setMessages' como abajo: 'Editor. I18n.setMessages({ en: tr });' Esto ocurre:Las pestañas abiertas (como el Style Manager, que por defecto se abre al cargar) no se a...

artf

Sigue la plantilla del tema

ClaudeCode

Gracias por informar de esto, @ahmedderkaoui. Gracias por compartir tu informe sobre setMessages() no actualiza i18n. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducible (CodeSandbox/...

#347624 de mayo de 2021por krishnaeverestengineering3 respuestas
Reacciones 0

TypeError: No se puede leer la propiedad 'querySelector' de null

<img width="1172" alt="Captura de pantalla 2021-05-24 at 6 55 23 PM" src="https://user-images.githubusercontent.com/55732888/119354444-b8cbb500-bcc1-11eb-8e67-27e020c879aa.png"> Me estaba dando este error mientras escribía pruebas unitarias y estoy probando la instancia del editor para que se defina. De forma aleatori...

YyueeiWY

Parece que te falta el nombre de la clase o el ID del elemento padre. a continuación se muestra el ejemplo de usar querySelector. <pre> var parentElement = document.getElementById('deviceready'); var listeningElement = parentElement.queryS...

artf

Lo siento, pero esto puede depender de demasiados factores (por ejemplo, tu entorno) y no tiene nada que ver con el núcleo en sí.

ClaudeCode

Gracias por informar de esto, @krishnaeverestengineering. El problema con TypeError: No puede leer la propiedad 'querySelector' de null parece ser una condición de carrera o un problema de temporización de gestión de estado. Esto suele ocu...

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

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

#346017 de mayo de 2021por Redix02 respuestas
Reacciones 0

TypeError: No se puede leer la propiedad 'get' de indefinido

Error: (nodo:206) UnhandledPromiseRejectionWarning: TypeError: No se puede leer la propiedad 'get' de indefinido (nodo:206) Promesa sin manejarRechazoAdvertencia: Rechazo de la promesa no gestionado. Este error se originaba ya sea al lanzarse dentro de una función asíncrona sin bloque de captura, o al rechazar una pro...

artf

Por favor, sigue la plantilla del problema

ClaudeCode

Gracias por informar de esto, @Redix0. Los problemas de seguridad y dependencias son importantes. El equipo de GrapesJS trabaja activamente para mantener las dependencias actualizadas. Para ti ahora mismo: Ejecutar 'npm audit fix' para ver...

Explora todos los temas