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
#626324 de octubre de 2024por yashvi20264 respuestas
Reacciones 1
questioncomponentsbugtypescript

Los enlaces duplicados se añaden usando rte

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://codepen.io/Harshsne/pen/xxoOyXODescribe el bicho ¿Cómo reproducir el bicho?Añadir enlace a una palabra usando RTE, se añade el componente de enlace Ahora escribe algo después del co...

sirbeagle

Alight: lo único malo es que quizá nunca sepamos cuál fue la solución. @artf - Creo que podemos cerrar este número.

sirbeagle

He estado trasteando bastante con esto y puedo reproducir el error en el Codepen que @yashvi2026 proporcionado. Mis pasos para reproducirme (la mayoría de las veces) son muy similares: Escribe dos palabras con numerosos espacios entre ella...

yashvi2026

Sí. Después de actualizar a la última versión, este problema no ocurre.

Ver detalles
#626024 de octubre de 2024por hr12012 respuestas
Reacciones 0
questionbugcomponentstypescript

Un error cuando uso component:clone en un component

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Microsoft Edge 130.0.2849.46Enlace de demo reproducible https://jsfiddle.net/uwybfd98/Describe el bicho ¿Cómo reproducir el bicho?seleccionar el componente del carruselhaz clic en el espacio en la esquina superior derecha o...

artf

@hr1201 onRender puede activarse muchas veces, nunca deberías poner oyentes ahí si no limpias bien. Tu lógica también está puramente relacionada con modelos, así que ni siquiera debería estar en la vista, solo mueve tu código en el método...

ClaudeCode

Gracias por informar de esto, @hr1201. Buena pregunta sobre un error cuando uso component:clone en un component. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de Grap...

Ver detalles
#625023 de octubre de 2024por maxming23332 respuestas
Reacciones 0
bugquestioncomponentsdocumentationtypescript

Prompt de la página clonada 'Conversión de estructura circular a JSON'

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 129.0.6668.101Enlace de demo reproducible https://grapesjs.com/demoDescribe el bicho ¿Cómo reproducir el bicho? Abierto https://grapesjs.com/demo ejecuta este script en DevTools: '''js página const = editor. Páginas....

maxming2333

Además del método anterior, ¿hay alguna otra forma de copiar la página?

ClaudeCode

Gracias por informar de esto, @maxming2333. Buena pregunta sobre Prompt de página clon 'Conversión de estructura circular a JSON'. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la doc...

Ver detalles
#621111 de octubre de 2024por jlafosse4 respuestas
Reacciones 0
questionbugcomponentsdependenciestypescript

Demasiada recursión

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 131.0.2 Enlace de demo reproducible https://grapesjs.com/demo-newsletter-editor.html Describe el bicho ¿Cómo reproducir el bicho?Ve a la demo de grapesjs y luego importa el siguiente html: '''html <div class="foob...

artf

Oye, @jlafosse gracias por el informe. No esperaría ese problema con la última versión: <img width="123" alt="Captura de pantalla 2024-10-21 at 19 00 04" src="https://github.com/user-attachments/assets/ff074a31-cd19-4547-bb27-596c92e16d64"...

jlafosse

¡De hecho, parece que eso ha solucionado el problema! ¡Gracias!

artf

🙌 Entonces cierre, gracias 🙇 ♂️

Ver detalles
#62029 de octubre de 2024por klipto-inc2 respuestas
Reacciones 0
componentsbugenhancementquestioncanvas

Javascript CDN no funciona en grapejs canvas

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 129 Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho const newEditor = grapesjs.init({ fromElement: true, // Permitir componentes desde HTML contenedor: "#editor", lienzo: { guiones: [ "https://cdn....

artf

@klipto-inc, por favor crea el informe de errores con una demo en directo reproducible adecuada

ClaudeCode

Gracias por informar de esto, @klipto-inc. El problema con Javascript CDN que no funciona en grapejs canvas parece ser una condición de raza o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ci...

Ver detalles
#615218 de septiembre de 2024por stpp24 respuestas
Reacciones 1
questioncomponentsbugstyle-managertypescript

El CSS añadido mediante código personalizado persiste después de que se elimina un componente de código personalizado

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Añadir un componente de código personalizado con HTML + CSSEliminar un componente de código personalizado. ¿Cuál...

artf

Esto no está relacionado con el núcleo y debe abordarse a nivel de plugin. Por favor, crea el problema ahí y trataremos de encontrar el enfoque correcto.

mosh-tudor

@stpp2 Esto no es realmente un error; Es más bien una característica. :) Prueba a usar 'clearStyles': https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272

stpp2

Sí, 'clearStyles' ya está activado en mi caso, pero en muchos casos no parece funcionar bien. En cualquier caso, esperaría que el componente 'Código Personalizado' estuviera algo "contenedorizado" para que no deje nada en el documento al e...

Ver detalles
#614310 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0
questioncomponentsundo-managerbugcanvas

ERROR/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v128 Enlace de demo reproducible https://jsfiddle.net/fjyk6n4a/2/ Describe el bicho Hola @artf, Actualmente estoy intentando envolver un componente en un componente de sección si aún no está envolvido. Estoy conect...

jasonvijayy

Hola @artf, Enlace reproducible También me cuelga cuando uso 'component.replaceWith()' junto con UndoManager. Esto solo ocurre cuando se activa 'replaceWith()' durante los eventos del ciclo de vida del editor (por ejemplo, 'cambiar:estado'...

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre BUG/[PREGUNTA]: ¿Cómo envolver correctamente un componente al añadir/montar?. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la d...

Ver detalles
#614210 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0
questioncomponentsundo-managerbugdocumentation

Rehacer las páginas no funciona correctamente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v128 Enlace de demo reproducible https://app.grapesjs.com/studio Describe el bicho Después de añadir una página, eliminarla con deshacer y volver a añadirla con rehacer, la página no funciona correctamente. El Admi...

artf

Gracias por el informe @rhoenerSBS

ClaudeCode

Gracias por informar de esto, @rhoenerSBS. Buena pregunta sobre Rehacer páginas que no funciona correctamente. El enfoque recomendado con UndoManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS d...

Ver detalles
#61224 de septiembre de 2024por mohamedsalem4013 respuestas
Reacciones 3
style-managercomponentstypescript

Corregir y refactorizar Sorter.ts

[x] Corregir el uso del Ordenador en StyleManager (regresión con capas de propiedades de ordenación) [x] Clasificador de refactorización con el uso de 'Components.canMove' [x] Actualizar 'canMove' comprobando que el símbolo principal se elimina dentro de su propia instancia.

mohamedsalem401

Esto está hecho.

mohamedsalem401

La idea es refactorizar el clasificador para mejorar la mantenibilidad y legibilidad. Podemos implementar los siguientes cambios:Hacer que la clase 'Sorter' dependa de una estructura abstracta de árbol en lugar de depender de implementacio...

ClaudeCode

Gracias por informar de esto, @mohamedsalem401. Gracias por compartir tu informe sobre [Arreglar] Corregir y refactorizar Sorter.ts. Para ayudar al equipo a investigar y priorizar esto: Por favor, proporciona: Un ejemplo mínimo reproducibl...

Ver detalles
#610231 de agosto de 2024por Alababdiy3 respuestas
Reacciones 5
componentsstyle-managerbugquestiondocumentation

Rasgos no mostrados tras recargar el editor para un componente personalizado

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome 91VEnlace de demo reproducible https://jsfiddle.net/8tsj5vpb/Describe el bicho Me estoy encontrando con un problema con GrapesJS donde los rasgos definidos para un componente personalizado no se muestran después de r...

mohamedsalem401

@Alababdiy No pude reproducir el problema usando el enlace proporcionado. Sin embargo, parece que el problema es que GrapesJS no permite añadir ni definir un componente una vez que ha sido inicializado.

mohamedsalem401

Hola @Alababdiy, No pude reproducir el problema que describiste en el JSFiddle.

ClaudeCode

Gracias por informar de esto, @Alababdiy. El problema con Rasgos No Mostrados tras Recargar el Editor de Componente Personalizado parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir...

Ver detalles

Explora todos los temas