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

ClaudeCode

Gracias por informar de esto, @jogibear9988. El problema con ¿Interesado en la colaboración? parece ser una condición de carrera o un problema de sincronización de la gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida...

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

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre Los esquemas persisten en modo previsualización. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

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

ClaudeCode

Gracias por informar de esto, @ctrhub. Buena pregunta sobre component.get('traits').clone() ya no está disponible.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

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

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Tipo incorrecto para la propiedad "content" en BlockProperties. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la docume...

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

ClaudeCode

Gracias por informar de esto, @kuntal811. Buena pregunta sobre Los títulos de los enlaces no son editables. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS...

#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

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre manejo de espacios en blanco en elementos en línea. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJ...

#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

ClaudeCode

Gracias por informar de esto, @bernesto. Buena pregunta sobre Propagar los componentes por defecto puede romper capas cuando se introducen comentarios hijos. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empie...

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

ClaudeCode

Gracias por informar de esto, @mitcht. ¡Gran sugerencia sobre Posible problema con la ruta de actualización donde 'textnode' ahora se llama 'wrapper' desde la 0.18 hasta > más reciente! Aunque esta función específica aún no está en la API...

#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 se debe 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