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 220

🔍 canvas
#590524 de mayo de 2024por gladykov2 respuestas
Reacciones 0

No se puede volver a abrir la configuración de componentes, después de hacer clic en componente y luego en Bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Ópera 10.0.5130.23 | Linux Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Lienzo transparenteDesde el menú de Bloques añadir el componente '1 columna' -> la pestaña 'Configuración' se abre au...

artf

Gracias @gladykov pero esto no está relacionado con el núcleo, es solo un ejemplo de comportamiento implementado en la demo.

ClaudeCode

Gracias por informar de esto, @gladykov. El problema de No poder abrir la configuración de componentes de nuevo, después de hacer clic en componente y luego en Bloques, parece ser una condición de carrera o un problema de sincronización de...

#588816 de mayo de 2024por Dobby852 respuestas
Reacciones 1

No se puede editar contenido de componentes incluso con la propiedad editable puesta en true

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V124 Enlace de demo reproducible https://jsfiddle.net/ycvz2gno/7/ Describe el bicho ¿Cómo reproducir el bicho?Poner un bloque de texto en el lienzoHaz doble clic en el contenido dentro del bloque de textoEl conteni...

Dobby85

Al investigar el código, vi que para obtener la funcionalidad RTE, nuestro nuevo componente tiene que extender 'ComponentTextView'. Mi problema inicial fue que hice algo así: Y adopta la vista de mi 'baseStructure' y no del componente 'tex...

ClaudeCode

Gracias por informar de esto, @Dobby85. Buena pregunta sobre No se puede editar contenido de componentes incluso con la propiedad editable configurada como verdadera. El enfoque recomendado con ProseMirror es usar la API orientada a evento...

#582017 de abril de 2024por rhoenerSBS2 respuestas
Reacciones 0

Doble entrada en capas si el componente se mueve directamente después de añadir

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v123Enlace de demo reproducible https://jsfiddle.net/xwgons8z/Describe el bicho Estoy intentando mover programáticamente un componente añadido a una posición específica en el padre porque tengo componentes hijos, que...

rhoenerSBS

Inicialmente quería realizar el mismo comportamiento con una función en la propiedad droppable del componente padre para evitar que los componentes se eliminaran en un índice específico, pero desafortunadamente el índice no aparece como pa...

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Doble Entrada en Capas si el componente se mueve justo después de añadir. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la docum...

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

#581014 de abril de 2024por ctrhub4 respuestas
Reacciones 1

Estilo de lienzo innecesario

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.0Enlace de demo reproducible https://grapesjs.com/demo.htmlDescribe el bicho Mi caso especial: En mi caso, todos los estilos de plugins y estilos generales están en la cabecera. Así...

artf

está pensado para almacenar estilos de lienzo, estilos que no afectan al resultado de HMTL/CSS, estilos que no se exportarán, ¿verdad? Correctopor defecto el cuerpo tiene fondo blanco, este parece ser el color predeterminado en todos los n...

artf

Existe la opción canvasCss para eso. La próxima vez abre una Discusión, por favor, ya que esto no es un error principal sino un uso incorrecto.

ctrhub

Hola, @artf. Gracias por la respuesta. No estoy seguro de que nos entendiéramos y me gustaría aclarar un detalle. Sí, conozco la propiedad canvasCss, además, la uso para cambiar los estilos del componente seleccionado. Entiendo la esencia...

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

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

#570024 de febrero de 2024por upadhyay88442 respuestas
Reacciones 0

=

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible No se puede proporcionar los datos sensiblesDescribe el bicho ¿Cómo reproducir el bicho?Dejar una página en el editor/Canvas.Ajustar la altura para ejemplo 600 puntos y también añadir un re...

upadhyay8844

@artf ¿puedes echarle un vistazo, por favor?

ClaudeCode

Gracias por informar de esto, @upadhyay8844. Buena pregunta sobre =. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específico Busca el método del oyen...

#569121 de febrero de 2024por codei202 respuestas
Reacciones 0

Deshacer no funciona al seleccionar color de fondo o texto a través del selector de color

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 122.0.1 Enlace de demo reproducible https://grapesjs.com/demo-mjml.html Describe el bicho ¿Cómo reproducir el bicho? En la demo oficial: https://grapesjs.com/demo-mjml.htmlAñadir una columna al lienzoSelecciona la...

artf

Probablemente esté relacionado con el plugin mjml, no con el núcleo porque no puedo reproducirlo (sugeriría abrir un problema en el repositorio correspondiente).

ClaudeCode

Gracias por informar de esto, @codei20. Buena pregunta sobre Deshacer que no funciona al seleccionar color de fondo o texto con el selector de color. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consu...

Explora todos los temas