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
#625023 de octubre de 2024por maxming23332 respuestas
Reacciones 0

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?

GJS Helper

El TypeError: Converting circular structure to JSON que te encuentras al clonar el componente principal de una página de GrapesJS y añadirlo a una nueva página es un problema común relacionado con cómo se serializan GrapesJS componentes pa...

#624923 de octubre de 2024por yashvi20263 respuestas
Reacciones 0

Selector de color personalizado inicial

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible ---Describe el bicho editor.getModel().initBaseColorPicker(DomElement, { / spectrum options / }); Después de iniciar, cuando se abre la paleta, ¿quiero ponerle un color? @artf Código de con...

NeonLexie

Esto parece interesante. No me importaría intentarlo.

yashvi2026

GJS Helper

Para establecer un color inicial para un selector de color personalizado inicializado con editor.getModel().initBaseColorPicker(), necesitas pasar la opción de color dentro del objeto de opciones Spectrum.js. El método initBaseColorPicker...

#624822 de octubre de 2024por Frubl2 respuestas
Reacciones 1

Bug de showOffsets cuando el cuerpo del iframe tiene zoom

Versión GrapesJS [x] Confirmo que uso la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/a2hbxg0y/1/ Describe el bicho ¿Cómo reproducir el bicho?Abrir herramientas de desarrollo y escribir estilo de elemento para cuerpo iframe - zoom: n; ¿Cuál es el comportamient...

artf

No deberías editar el zoom del iframe, usa la API nativa

GJS Helper

Has identificado un error específico en GrapesJS relacionado con la función showOffsets cuando el cuerpo del iframe tiene aplicada una propiedad CSS zoom. Esta es una observación válida y puedo confirmar el comportamiento que describiste....

#621111 de octubre de 2024por jlafosse4 respuestas
Reacciones 0

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 🙇 ♂️

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

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

GJS Helper

El problema que tienes con Preline.js no funcionan en el lienzo GrapesJS , a pesar de estar incluido a través de canvas.scripts, es un problema común de sincronización en las librerías de interfaz que dependen de DOMContentLoaded para la i...

#618030 de septiembre de 2024por padcom4 respuestas
Reacciones 1

El método 'setValue()' de Trait no se llama cuando cambia el valor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Última versión de Chrome Enlace de demo reproducible https://codesandbox.io/p/sandbox/withered-rgb-xmw8gk Describe el bicho ¿Cómo reproducir el bicho?Espacio abierto de código abiertoSeleccionar "cuerpo" (tipo: 'wrapper')...

padcom

¡Gracias! ¡He verificado y funciona como se espera!

padcom

Por lo que veo, el 'Trait.setValue()' no se llama cuando el valor viene de una entrada. En su lugar, se llama a 'setTargetValue()', que no comprueba si el método 'setValue()' de la definición de rasgos está presente. Además, el 'Trait.setV...

padcom

Intenté seguir esta discusión (https://github.com/GrapesJS/grapesjs/discussions/5793) para que funcionara, pero como puedes ver en el sandbox, simplemente no funciona.

#617225 de septiembre de 2024por yashvi20262 respuestas
Reacciones 0

Necesito soporte para temas oscuros en el editor

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible --- Describe el bicho Sería genial que añadieras cambio de temas en el editor, permitiéndome alternar entre temas oscuros y claros según mi preferencia.Código de conducta [X] Acepto segu...

artf

Por favor, utiliza las discusiones en lugar de los problemas de bugs

GJS Helper

GrapesJS no incluye un cambiador de temas oscuro/claro integrado, ya que su interfaz es altamente personalizable mediante CSS. Sin embargo, puedes implementar fácilmente soporte para temas oscuros aprovechando el uso extensivo de variables...

#617124 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

Rastrear un seguimiento personalizado y almacenable con UndoManager

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v129 Enlace de demo reproducible No aplicable Describe el bicho HOLA @artf, Actualmente estoy implementando un editor con grapesjs en el que es posible añadir capítulos junto a las páginas ya existentes. He impleme...

artf

Hola @rhoenerSBS por favor evita abrir problemas de errores para preguntas.

GJS Helper

El GrapesJS UndoManager realiza principalmente un seguimiento de los cambios en los modelos principales del editor (componentes, estilos, páginas, recursos) escuchando eventos específicos, especialmente change:state. Para que registre los...

#615218 de septiembre de 2024por stpp24 respuestas
Reacciones 1

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

#614310 de septiembre de 2024por rhoenerSBS2 respuestas
Reacciones 0

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

GJS Helper

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

Explora todos los temas