PageKit: el creador de sitios GrapesJS autoalojado, con el código fuente incluido. Obtener acceso anticipado

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 336

🔍 style-manager
#574612 de marzo de 2024por rhoenerSBS4 respuestas
Reacciones 1

El desplazamiento de ColorPicker incorrecto cuando los paneles están fuera del contenedor del editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://grapesjs.com/docs/getting-started.html#style-manager Describe el bicho ¿Cómo reproducir el bicho?Ve a la sección "StyleManager" del documento "Getting Started" de GrapeJSInt...

bernesto

Hola @artf, El problema raíz es que intentamos colocar una paleta popover absolutamente situada sobre otro elemento en una ubicación arbitraria de la página. Y necesitamos hacer esto incluso cuando el elemento de origen está fuera del nodo...

artf

@bernesto puedes comprobar este, ya que parece estar relacionado con tus cambios

bernesto

Sí, veo el problema. La lógica debe tener en cuenta cuándo el padre está fuera del contenedor. Déjame ver qué puedo hacer ahí.

#57206 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/n38vbktg/ Describe el bicho ¿Cómo reproducir el bicho?Crear un componente que propague valores predeterminados que incluyan capas = verdadero. Introduce un come...

artf

¡Buen apunte @bernesto

GJS Helper

Este es un informe de error válido. El problema surge porque el sistema de componentes de GrapesJS, especialmente cuando layerable: true se propaga, intenta procesar nodos de comentarios HTML como si fueran elementos HTML estándar. Esto pr...

#57184 de marzo de 2024por mitcht2 respuestas
Reacciones 0

Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la versión 0.18 hasta la > última

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Versión 122.0.6261.95 (Versión oficial) (64 bits) Enlace de demo reproducible https://jsfiddle.net/n4x6L1v0/2/ Describe el bicho ¿Cómo reproducir el bicho?Guardar datos de componentes de una versión anterior de gra...

artf

Gracias @mitcht pero como ya mencioné, el componente principal nunca pudo ser Textnode, así que no tiene sentido manejar un caso así en el núcleo o tener este problema abierto. En fin, si la lógica te funciona, úsala en tu editor.

GJS Helper

El problema que estás encontrando es un cambio de ruptura conocido relacionado con la evolución de la arquitectura interna de componentes de GrapesJS, específicamente cómo se maneja el componente raíz de una trama. En versiones antiguas (c...

#567712 de febrero de 2024por soundharya23252 respuestas
Reacciones 0

Versión GrapesJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/szLp8h4n Describe el bicho ¿Cómo reproducir el bicho?<a> Insertar etiqueta con enlace dentro de la celda de la tabla(td).Da flotación a la izquierda o derecha a la c...

artf

Proporcionar una demostración válida y reproducible

GJS Helper

El problema que estás encontrando cuando un elemento <td> cambia su comportamiento de visualización (apareciendo como un table-row o table-body) cuando se aplica float: right o float: left no es un error específico de GrapesJS. En cambio,...

#56686 de febrero de 2024por addlistener2 respuestas
Reacciones 1

Sourcemap no carga para CompoentTextView

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 121.0.6167.139 (Versión oficial) (x86_64) Enlace de demo reproducible Ninguna. Describe el bicho ¿Cómo reproducir el bicho?añadir un custom Rte y establecer puntos de interrupciónhaz clic en step out hasta que lle...

artf

Solo puedo sugerir que revises correctamente la ruta del mapa fuente <img width="346" alt="Captura de pantalla 2024-02-12 at 08 45 32" src="https://github.com/GrapesJS/grapesjs/assets/11614725/ee135460-a758-4aef-96fa-1d1b463c934d"> Por eje...

GJS Helper

Parece que estás teniendo un problema en el que el sourcemap de ComponentTextView no carga en DevTools de tu navegador, aunque RichTextEditorModule's 's sourcemap parece funcionar. Este es un punto común de confusión al depurar librerías J...

#561312 de enero de 2024por SachinPuthiyothRespuesta 1
Reacciones 0

Definición incorrecta de tipo para StyleManagerConfig.sectors.properties

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible Ninguno Describe el bicho ¿Cómo reproducir el bicho?Según la definición de sectores en https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager...

GJS Helper

Has identificado con precisión una inconsistencia en la definición de tipo en GrapesJS. El problema surge de una descoordinación entre el tipo declarado para StyleManagerConfig.sectors.properties en src/stylemanager/config/config.ts y su u...

#558326 de diciembre de 2023por ronaldohoch4 respuestas
Reacciones 3

No se puede configurar en fondo:none en la versión móvil usando el panel de estilos

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Edge Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Enlace de demostración abiertoHaz clic en el encabezado ! imagenCambiar de vista a móvil o tablet.In...

artf

No es un bug, sino una función que falta, tendremos que ampliar el tipo de pila con una nueva configuración para valores "vacíos". Intentaré llevarlo en la próxima versión.

artf

el icono de despejar de propiedad Fondo elimina completamente las propiedades del dispositivo seleccionado, haciendo que vuelva a heredar los valores de la configuración del escritorio. Correctoel icono de limpiar en la línea de capa reini...

gustavohleal

He insertado una solución para el tipo de pila. Voy a hacer un PR, pero me gustaría preguntarte algo primero. El comportamiento que estoy añadiendo es: ! [imagen] (https://github.com/GrapesJS/grapesjs/assets/22385451/31b5aa67-1de4-4430-a43...

#557020 de diciembre de 2023por prateekkumar-ec3 respuestas
Reacciones 0

El botón de importar elimina todo el estilo de todas las páginas.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible N/A (puedo compartir vídeo si es necesario para seguir conversando) Describe el bicho ¿Cómo reproducir el bicho?Supongamos que tienes contenido en tu página actual con...

afrinxnahar

Sería genial que pudieras adjuntar un vídeo, por favor. No estoy seguro sobre lo de la ventana emergente vacía

artf

@prateekkumar-ec esto no es un problema central.

GJS Helper

Este es un problema conocido relacionado con cómo el comando GrapesJS core:import-code gestiona la entrada CSS vacía, especialmente en configuraciones de varias páginas. Cuando se hace clic en el botón de importación y el campo de entrada...

#552519 de noviembre de 2023por duydvu2 respuestas
Reacciones 3

Problemas de rendimiento al añadir más de 20 clases a un solo componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge v119.0.2151.72 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Hola, gracias por crear un proyecto increíble. Me gustaría informar de un problema encontrado durante el uso de GrapesJS. ¿C...

artf

Estoy de acuerdo con la alternativa sugerida, actualizaré en consecuencia. ¡Gracias @duydvu

GJSBlock

Gracias por informar de esto, @duydvu. Buena pregunta sobre Problemas de rendimiento al añadir más de 20 clases a un solo componente. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la doc...

#548728 de octubre de 2023por MaxDBenson3 respuestas
Reacciones 0

Style Manager no muestra múltiples reglas para la misma clase

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/497zkrpm/1/ Describe el bicho ¿Cómo reproducir el bicho?Seleccione el componente "Hola Mundo"Abre el Style Manager y asegúrate de que "miclase" esté marcado en la s...

artf

No es un error, el gestor de estilos maneja solo una regla a la vez, si quieres un uso más avanzado, puedes usar la API e implementar tus funcionalidades (por ejemplo, seleccionar diferentes reglas con el mismo selector).

MaxDBenson

No es un error, el gestor de estilos maneja solo una regla a la vez, si quieres un uso más avanzado, puedes usar la API e implementar tus funcionalidades (por ejemplo, seleccionando diferentes reglas con el mismo selector). Ya veo. ¿Te imp...

GJS Helper

El problema que has encontrado con el Gestor de Estilos GrapesJS que no muestra todas las reglas para la misma clase es un comportamiento conocido derivado de cómo interactúan los CssComposer y StyleManager internos del editor con las regl...

Explora todos los temas