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 743

🔍 bug
#532018 de agosto de 2023por SwapnilSoni19994 respuestas
Reacciones 0

Upload Image o Asset no se activa al seleccionar archivo/imagen

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible ninguno Describe el bicho ¿Cómo reproducir el bicho?Estoy usando grapesjs-react y 'assetManager'Mi configuración es esta '''js { upload: '${globals.settings.cmsUrl}/upload-image', u...

iamuddeshya

Enfrentando el mismo problema

deepanshu-ht

++ 1

artf

Acabo de probar la misma configuración y todo funciona como se esperaba. Podría estar relacionado con tu versión de grapesjs o con el propio 'grapesjs-react'. Por favor, evita crear problemas de BUGS si no puedes proporcionar una demo repr...

#531918 de agosto de 2023por AFriboulet-ii2 respuestas
Reacciones 0

Deshacer no actualiza la clase en el componente

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome V116.0.5845.96 Enlace de demo reproducible https://jsfiddle.net/Adrien_Friboulet/npdkshaf/8/ Describe el bicho https://github.com/GrapesJS/grapesjs/assets/128728949/e85b65c4-53ad-43d0-9f5f-74dc0a181dd0 ¿Cómo reprod...

artf

Gracias @AFriboulet-ii, lo arreglaré para la próxima versión.

GJS Helper

El problema que has descrito es un comportamiento conocido en GrapesJS donde el gestor de deshacer revierte correctamente los atributos del modelo del componente (incluida su colección de classes), pero el ComponentView responsable de rend...

#531617 de agosto de 2023por BenKhz3 respuestas
Reacciones 0

El editor no se suscribe a selector:remove

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v115.0.5790.170 Enlace de demo reproducible https://jsfiddle.net/BenKhz/yfwqc6mu/1/ Referenciando La documentación aquíDescribe el bichoViolín disponible AquíSeleccionar un componente en el lienzo y añadir una clase...

artf

Hola @BenKhz eso ocurre porque los eventos 'selector*' están relacionados con el contenedor global de Selectores (cuando eliminas un selector del componente, el propio Selector sigue ahí porque podría usarse en otros lugares), si quieres r...

BenKhz

¡Ah! Estaba malinterpretando. Gracias por la aclaración. ¡Sigue así!

GJS Helper

¡Gracias por reportar este problema y por tus amables palabras sobre GrapesJS! Has encontrado un punto común de confusión respecto a GrapesJS eventos, y es una excelente pregunta. Explicación de la causa raíz El evento selector:remove , ta...

#531217 de agosto de 2023por srinivas9772 respuestas
Reacciones 0

Issue with rich text editor Indent action for Lists

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome V115Enlace de demo reproducible https://jsfiddle.net/srinivas977/ahgLxv6e/10/Describe el bicho ¿Cómo reproducir el bicho? En el JSFiddle proporcionado, incluye un par de líneas de texto y selecciona listas. A continu...

artf

Desafortunadamente, como la implementación por defecto depende del execCommand obsoleto, hay demasiados casos límite que manejar y ya no merece la pena dedicarle tiempo. Te sugeriría confiar solo en él para el formato básico (por ejemplo,...

GJSBlock

Gracias por informar de esto, @srinivas977. ¡Gran sugerencia sobre Problema con el editor de texto enriquecido Acción de sangría para listas! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr u...

#530513 de agosto de 2023por rajevar2 respuestas
Reacciones 0

El evento "component:add" se activa cuando se mueven componentes

Versión GrapesJS 0.21.4[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 113.0.5672.63 Enlace de demo reproducible https://jsfiddle.net/szLp8h4n/11/Describe el bicho ¿Cómo reproducir el bicho? Mueve cualquiera de los componentes de texto dentro de la página. Se mostrará...

artf

Hola @rajevar creo que buscas el evento 'component:create', ya que 'component:add' funciona como se espera (por ejemplo, podría usarse para seguir cualquier movimiento nuevo dentro de un componente específico).

GJS Helper

Has identificado correctamente un punto común de confusión con la gestión de GrapesJS eventos. El evento component:add efectivamente se activa no solo cuando un nuevo componente se arrastra desde el panel de bloques al lienzo, sino también...

#529710 de agosto de 2023por FahemAhmad2 respuestas
Reacciones 0

GetJS no funciona

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión 115.0.5790.171 (Versión oficial) (64 bits)Enlace de demo reproducible https://codesandbox.io/s/1r0w2pk1vl?file=/index.htmlDescribe el bicho ¿Cómo reproducir el bicho?... Añade este tipo de formulario y este bloque d...

artf

El 'getJs' devuelve el JS de tu modelo de componentes (el que colocarías dentro de 'model.defaults.script'), no la vista de componentes. Por favor, lee atentamente Componentes y JS

GJS Helper

El problema que estás encontrando, donde editor.getJs({ component }) devuelve una cadena vacía a pesar de tener un gestor de eventos de submit definido en el view.eventsde tu componente de formulario personalizado , es un comportamiento es...

#529310 de agosto de 2023por craigharman2 respuestas
Reacciones 0

No se puede sobrescribir la clase seleccionada por GJS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Arco 1.1.1 Enlace de demo reproducible https://jsfiddle.net/3bprucnv/3/ Describe el bicho ¿Cómo reproducir el bicho? Añadir una regla CSS personalizada para .gjs-selected, por ejemplo, Cambia el color del borde a rojo. .g...

artf

Por favor, consulta https://github.com/GrapesJS/grapesjs/issues/3515

GJS Helper

El problema que tienes con la clase .gjs-selected que no acepta tu sobreescritura CSS se debe a que GrapesJSestá usando el estilo predeterminado de esta clase usando la regla !important . GrapesJS aplica outline: 3px solid #3b97e3 !importa...

#52889 de agosto de 2023por pittleCheung2 respuestas
Reacciones 0

Usar la construcción tsup-node grapesjs aparecen Error no capturado: No se soporta el requerimiento dinámico de "codemirror/lib/codemirror"

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? última versión de Chrome Enlace de demo reproducible null Describe el bicho ¿Cómo reproducir el bicho? TSUP-nodo src/index.ts --formato ESM,CJS --Legacy Output --Watch ¿Cuál es el comportamiento esperado? Uso Vite para co...

artf

Creo que tienes que hablar de eso con la comunidad de Vite, el núcleo está usando webpack ahora mismo y funciona como se espera

GJS Helper

Gracias por informar de esto, @pittleCheung. Buena pregunta sobre usar tsup-node build grapesjs aparecen Error no capturado: No se soporta el requerimiento dinámico de "codemirror/lib/codemirror". El enfoque recomendado con GrapesJS es usa...

#52807 de agosto de 2023por fluke7772 respuestas
Reacciones 0

Gestor de eventos en vista no vinculado al componente

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Chrome 115.0.5790.114 Enlace de demo reproducible https://jsfiddle.net/mcraf3se/5/ Describe el bicho Hola, acabo de empezar con GrapesJS así que es bastante probable que esté malinterpretando algo fundamental....

artf

El error aquí es usar la función de flecha, solo tienes que reemplazarla por 'clickOnElement() {'

GJS Helper

El problema que tienes con this estar window o undefined dentro del gestor de eventos de vista de tu componente personalizado es un problema común de this binding en JavaScript, especialmente cuando se usan funciones de flecha. No es un bu...

#52743 de agosto de 2023por wunksert4 respuestas
Reacciones 1

Parser bug inside Remix

Versión GrapesJS [X] Confirmo que hay que usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v114 Enlace de demo reproducible https://github.com/wunksert/remix-grapes-error/árbol/principal Describe el bicho ¿Cómo reproducir el bicho? Clonar repositorio arribaNMP INPM run dev Verás que el iframe grapes y el...

artf

@wunksert parece que el editor se inicializa consigo mismo varias veces, ¿estás borrando correctamente la instancia del editor con destroy (por ejemplo, en tu useEffect)?

wunksert

Puede que la solución se solucione más sencillamente editando la estructura o las convenciones de nombres en mi proyecto. Encantado de hacerlo si es más rápido que cambiar algo en GrapesJS Core.

artf

Sí, definitivamente no tiene nada que ver con el núcleo

Explora todos los temas