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 743

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

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

#574311 de marzo de 2024por davidgabrichidze4 respuestas
Reacciones 5

Vulnerabilidad XSS en el atributo iframe src

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Edge v122 Enlace de demo reproducible https://jsfiddle.net/bwreyq29/1/ Describe el bicho ¿Cómo reproducir el bicho? Abre este enlace https://jsfiddle.net/bwreyq29/1/ y el código JavaScript adjunto al atributo 'SRC' se eje...

bernesto

Creo que la opción de pre-analizador es una muy buena idea. Se mantiene en el concepto de 'plug-in' por función. ¿Qué tal actualizar 'fromElement' para aceptar un ID de elemento de cadena o un booleano? Si bool == cierto, funciona como aho...

artf

Totalmente de acuerdo con @bernesto de hecho, por mucho que intentemos que sea seguro, nunca será suficiente y no quiero dar la impresión de que la biblioteca es "tan segura" como para justificar la falta de validación del servidor. Las op...

bernesto

Esto es inevitable al usar 'fromElement' para cargar desde un elemento DOM activo. El elemento de la página se carga y ejecuta de forma sincrónica. GrapesJS nunca tendría la oportunidad de procesar y desactivar el HTML de XSS. Esto tendría...

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

#573911 de marzo de 2024por rhoenerSBSRespuesta 1
Reacciones 0

Tipo incorrecto en la interfaz ColorPickerOptions

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 interfaz ColorPicker que venía con la última versión define la opción "preferredFormat" para esperar un valor 'booleano', pero la documentación del...

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Tipo incorrecto en la interfaz de ColorPickerOptions. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grapes...

#57298 de marzo de 2024por Sphenox4 respuestas
Reacciones 1

Edición/reemplazo del texto dentro de un enlace

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 ¿Cómo reproducir el bicho?Demo abiertoCrear un texto, con un enlace editar texto con el RTE predeterminadoseleccionar el enlace comp...

bernesto

@artf, tienes razón otra vez. El espacio en blanco en el nodo importa. Si el texto se acerca justo al nodo que se cierra, la primera pulsación sustituye al texto, la siguiente sale del nodo; si no, funciona como cabría esperar. Hay un hilo...

bernesto

Solo para aclarar, ¿te refieres a la selección y edición del texto dentro del enlace comportándose de forma anormalmente así? ! Kapture 2024-03-08 a las 09:01 50

Sphenox

Sí, exactamente como se muestra en el vídeo que has proporcionado.

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

Explora todos los temas