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 3,464

#499121 de marzo de 2023por glapridaRespuesta 1
Reacciones 0

Marcador marcador incorrecto al arrastrar un elemento de cuadrícula display:grid

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome v111Enlace de demo reproducible https://codepen.io/glaprida/pen/eYLLXbQDescribe el bicho ¿Cómo reproducir el bicho?Ir al enlace del codepen https://codepen.io/glaprida/pen/eYLLXbQArrastra una sección hasta el lienzoA...

GJSBlock

Gracias por informar de esto, @glaprida. Buena pregunta sobre marcador marcador incorrecto al arrastrar un elemento display:grid. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación...

#497212 de marzo de 2023por FaisalShaikhHARespuesta 1
Reacciones 0

El rasgo de casilla no se marca ni desmarca en las acciones de deshacer o rehacer.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 110.0.5481.177 (Versión oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cuál es el comportamiento actual? El rasgo de casilla no se marca ni desmarca al deshacer o re...

GJSBlock

Gracias por informar de esto, @FaisalShaikhHA. El problema con El rasgo de casilla de verificación que no se marca ni desmarca en las acciones de deshacer/rehacer. parece ser una condición de carrera o un problema de sincronización de gest...

#49679 de marzo de 2023por wyxcoder3 respuestas
Reacciones 0

New storage doesn't work

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://jsfiddle.net/1vknjLst/ Describe el bicho ¿Cómo reproducir el bicho? Haz clic en ejecutar ¿Cuál es el comportamiento esperado? Cargar y guardar en el nuevo almacenamiento deberían...

artf

Tienes que usar el plugin 'plugins: [dbStoragePlugin, 'gjs-blocks-basic']'Con 'autosave: false' estás desactivando el autoguardado, lo que significa que el 'Storage.store' solo se activará si se llama programáticamente (por ejemplo, 'edito...

wyxcoder

¡Gracias! Eso funciona bien

GJSBlock

Gracias por informar de esto, @wyxcoder. Buena pregunta sobre el almacenamiento nuevo no funciona. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo esp...

#49658 de marzo de 2023por RohitLadRespuesta 1
Reacciones 0

PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se reinicien.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Safari Enlace de demo reproducible https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js Describe el bicho ¿Cómo reproducir el bicho?Ir a https://codesandbox.io/s/funny-williamson-thb52d?file=/index.js ¿Cuál es...

GJSBlock

Gracias por informar de esto, @RohitLad. Buena pregunta sobre PropertyComposite con deslizador para cuatro lados (L,R,T,B). Un cambio en un deslizador hace que otros valores se restablezcan.. El enfoque recomendado con StyleManager es usar...

#49627 de marzo de 2023por himansh-gjrRespuesta 1
Reacciones 0

Broken links in the docs

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Cualquiera Enlace de demo reproducible no Describe el bicho Creo que muchos enlaces de 'objetos de configuración' en la documentación siguen siendo a archivos javascript, pero el código se ha actualizado a typescript <img...

GJSBlock

Gracias por informar de esto, @himansh-gjr. El problema con enlaces rotos en la documentación parece ser una condición de carrera o un problema de sincronización de gestión estatal. Esto suele ocurrir cuando los eventos del ciclo de vida d...

#494727 de febrero de 2023por FaisalShaikhHA4 respuestas
Reacciones 2

Undo manager not working properly on undoing a remove action

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Chrome - versión 110.0.5481.100 (Versión oficial) (arm64)Enlace de demo reproducible https://codepen.io/faisal-praella/pen/ExeNwxJDescribe el bichoHe añadido un componente personalizado columns con un nombre de rasgo numéri...

artf

Sí, deshacer activa el 'change:columns', en tu caso podrías intentar envolver tus cambios en 'updateColumns' en el 'editor'. Deshacer. Gestionador.saltar. '''js updateColumns() { editor. UndoManager.skip(() => { Tus operaciones }) } ```

artf

Vale, entonces cierro este y por favor abre un nuevo problema de error relacionado con rasgos de casilla.

FaisalShaikhHA

Gracias, @artf funciona, para arreglarlo estaba desactivando el oyente de cambio de rasgos escuchando los eventos de deshacer el comando antes y ejecutar, pero esto se siente más limpio. El rasgo de casilla no se marca ni desmarca al desha...

#494021 de febrero de 2023por mani-rai2 respuestas
Reacciones 0

Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')"

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Google Chrome Versión 110.0.5481.100 (Versión oficial) (64 bits) Enlace de demo reproducible https://stackblitz.com/edit/js-3urscf?file=index.html,index.js Describe el bicho ¿Cómo reproducir el bicho?Inicializar el editor...

artf

Sí, no se espera que la instancia del editor se destruya inmediatamente debido a algunas funciones asíncronas diferidas (por ejemplo, para el StorageManager), pero eso se puede arreglar. Por ahora puedes superar el problema haciendo algo a...

GJSBlock

Gracias por informar de esto, @mani-rai. Buena pregunta sobre Destruir y reinicializar produce "No se pueden leer propiedades de indefinidas (leyendo 'get')". El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empie...

#493720 de febrero de 2023por besart-k2 respuestas
Reacciones 1

Block:custom is not working on React

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Versión de Chrome 110.0.5481.100 (Versión oficial) (arm64)Enlace de demo reproducible NingunoDescribe el bicho Estoy intentando replicar en React la personalización del Block Manager como en este ejemplo Vue block manager,...

artf

@besart tienes que proporcionar una demo reproducible, ya que si funciona con el ejemplo actual de la demo de Vue, no debería ser diferente en React. Quizá estés usando una versión antigua de grapesjs o haciendo algo mal en tu app React, a...

GJSBlock

Gracias por informar de esto, @besart-k. Buena pregunta sobre block:custom no funciona en React. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo espec...

#492914 de febrero de 2023por handhikadj4 respuestas
Reacciones 0

A tag inside button is removed

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? Última versión de ChromeEnlace de demo reproducible https://codesandbox.io/s/interesting-bell-xntbtrDescribe el bicho ¿Cómo reproducir el bicho?Ir al CodesandboxBloque de código personalizado arrastrar y soltar.introduce es...

artf

Esto ocurre debido a la implementación de botones en el plugin de formularios, que solo permite nodos de texto como hijos. Si eliminas el plugin de formularios, podrás ver el <a>elemento '' (si prefieres, también puedes ampliar el componen...

handhikadj

¿Cuál es entonces el código de la implementación "normal" del botón? Por cierto, ¿puedo saber por qué haces que el botón se comporte así en el plugin de formularios?

artf

Si no recuerdo mal, la razón principal por la que había un problema con la edición de texto en línea con elementos de botones, así que ese enfoque era la forma más sencilla de solucionar un problema común. Supongo que la implementación "no...

#492211 de febrero de 2023por clonefunnels2 respuestas
Reacciones 0

Usar el código !important proporcionado aquí rompe la imagen de fondo y el degradado.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox Enlace de demo reproducible https://jsfiddle.net/jLgb0mv3/1/ Describe el bicho ¿Cómo reproducir el bicho?... Pon este código en el editor: editor.on('styleable:change', (model, property) => { valor const = model.g...

artf

Solo veo el problema con las propiedades de style manager 'composite'/'stack' y eso es porque no todas las propiedades de style manager forman parte de los estilos, así que en tu código solo tendrías que comprobar si el valor del estilo re...

GJSBlock

Gracias por informar de esto, @clonefunnels. Buena pregunta sobre Usar !código importante proporcionado aquí rompe la imagen de fondo y el degradado.. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí...

Explora todos los temas