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 877

🔍 question
#626324 de octubre de 2024por yashvi20264 respuestas
Reacciones 1

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.

#626024 de octubre de 2024por hr12012 respuestas
Reacciones 0

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

GJS Helper

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

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

Explora todos los temas