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 466

🔍 components
#581215 de abril de 2024por jogibear9988Respuesta 1
Reacciones 0

¿Te interesa colaborar?

Enlace de demo reproducible https://node-projects.github.io/web-component-designer-demo/index.htmlDescribe el bicho Hace unos años empecé un Framework para diseñar páginas web con webcomponents, y ahora he encontrado GrapeJS. ¿Pensé que quizá teníamos los mismos objetivos y podríamos beneficiarnos el uno del otro? (No...

GJS Helper

¡Gracias por ponerte en contacto y por tu interés en GrapesJS! Es estupendo ver otros proyectos innovadores en el ámbito del diseño web. Tu Web Component Designer parece muy interesante, especialmente por su fuerte enfoque en los component...

#578529 de marzo de 2024por bernesto3 respuestas
Reacciones 1

Los esquemas persisten en modo de vista previa

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/demo.html Describe el bicho Puede que sea intencionado, pero parece extraño dado el propósito. ¿Cómo reproducir el bicho?Haz clic en vista previa (ojo) ¿Cuál es...

bernesto

¡Genial @artf eres una estrella del rock!

artf

Gracias @bernesto realmente hay una actualización que hacer en el lado de la demo. Preparé el cambio y lo corregiré en la próxima versión.

GJS Helper

Has identificado un punto común de confusión respecto al modo de vista previa de GrapesJS. El comportamiento que observas, donde los contornos de componentes (bordes discontinuos) persisten en modo previsualización, no es en realidad la ex...

#577526 de marzo de 2024por ctrhub2 respuestas
Reacciones 0

Component.get('traits').clone() ya no está disponible.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arc Versión 1.35.0 / Chromium Engine 123.0 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrolloSeleccionar un componenteEjecutar en consol...

artf

Si necesitas hacer una copia de los rasgos, te sugeriría simplemente hacer esto: 'JSON.parse(JSON.stringify(editor.getSelected().getTraits()))'. No recuerdo haber mencionado nunca rasgos de clonación en la documentación, así que evitaría u...

GJS Helper

Has identificado un error legítimo en GrapesJS donde llamar a component.get('traits').clone() lanza un TypeError. Este problema surge porque el método clone() de la colección de Traits, que internamente depende de Backbone.Collection.proto...

#576819 de marzo de 2024por rhoenerSBSRespuesta 1
Reacciones 0

Tipo incorrecto para la propiedad "content" en BlockProperties

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible No aplicable Describe el bicho La documentación de GrapeJs indica que es posible añadir contenido mixto a la propiedad de "contenido" de un bloque (véase https://grapesjs.com/docs/m...

GJS Helper

Has identificado con precisión una discrepancia entre la documentación de GrapesJS y sus definiciones de tipos TypeScript para la propiedad content dentro de BlockProperties. Esto es, de hecho, un error en la definición de tipos, ya que la...

#575715 de marzo de 2024por kuntal8113 respuestas
Reacciones 1

Los títulos de los enlaces no son editables

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122, Safari 17 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de enlace, intentar editar el texto del enlace ¿Cuál es el comportamiento...

artf

Gracias por el informe, se corregirá en https://github.com/GrapesJS/grapesjs/commit/a54f213c33ee90549ef06f3b505c455f1abfc323 la próxima versión.

Mauzer93

Tengo el mismo problema últimamente.

GJS Helper

El problema que estás encontrando, donde los títulos de los enlaces no son editables, probablemente se debe a un malentendido común sobre cómo GrapesJS maneja las diferentes partes de un componente de enlace, específicamente la distinción...

#574211 de marzo de 2024por bernesto4 respuestas
Reacciones 2

Construyendo en Windows 10+

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible N/A Describe el bicho ¿Cómo reproducir el bicho?Hacer git en un ordenador con Windows 10+Construir usando el procedimiento proporcionado. ¿Cuál es el comportamiento esperado? Deberí...

bernesto

Sí, hice todo lo habitual. Archivos de bloqueo, actualizaciones, varias formas de importar ({}, require, *, ruta completa, etc.) No sé por qué, pero cuando rompo algo, lo rompo bien. Siempre el soporte de nivel 2 o 3 ja. Creo que el proble...

bernesto

Buenos puntos. No he probado las otras versiones de Node. Lo probaré.

artf

Sí, la compilación/servicio está gestionada por la CLI (vamos a trasladar el problema ahí), pero no estoy seguro de cuál podría ser el problema (no hay Windows para probar 🥲).

#57248 de marzo de 2024por bernesto2 respuestas
Reacciones 0

Manejo de espacios en blanco en elementos en línea

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v122Enlace de demo reproducible https://jsfiddle.net/zwo0mdqf/5/Describe el bicho ¿Cómo reproducir el bicho?Crear elementos válidos de bloques en línea como span, b, i, em, etc., que usen múltiples espacios, tabulaci...

danstarns

Cerrando a favor del commit fusionado. https://github.com/GrapesJS/grapesjs/pull/5719

GJS Helper

El problema que estás encontrando con el manejo de espacios en blanco en GrapesJS, específicamente con los elementos en línea y la salida getHtml(), proviene de cómo los analizadores HTML y el modelo de componentes de GrapesJStratan los di...

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

#570526 de febrero de 2024por bernesto4 respuestas
Reacciones 0

Las herramientas de componentes se desalinean cuando el editor se redimensiona

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v122 Enlace de demo reproducible https://jsfiddle.net/Lk2bwhp4/ Describe el bicho ¿Cómo reproducir el bicho? Colocar el editor dentro de un contenedor y luego redimensionar programáticamente el ancho del contenedor...

artf

Gracias @bernesto por el informe, pero como no podemos detectar cambios en el diseño programático sin afectar al rendimiento, en este caso tienes que actualizar manualmente el diseño del editor mediante 'editor.refresh()' (por ejemplo, en...

bernesto

Hola @artf, de hecho me lo mezclé accidentalmente en la última solicitud de tirada que aceptaste (src/canvas/model/Frame.ts). Quizá quieras echar un vistazo a lo que añadí y ver si está causando algún problema. Ahora mismo lo tenemos en pr...

artf

de hecho, esto se mezcló accidentalmente en la última solicitud de tirada que aceptaste y de hecho lo quité porque parecía no tener relación 🤣 No es un problema añadirlo de nuevo, pero ten en cuenta que tu ejemplo solo funcionará por el d...

Explora todos los temas