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 183

🔍 documentation
#51676 de junio de 2023por KevenDvorianoff2 respuestas
Reacciones 0

UsePlugin no es una función

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? TodosEnlace de demo reproducible NingunoDescribe el bicho Siguiendo la documentación sobre cómo crear un plugin usando typescript y usando la función "usePlugin" para importar el plugin al editor, el navegador muestra el si...

sneddobuilds

Me pasa lo mismo.

ClaudeCode

Gracias por informar de esto, @KevenDvorianoff. El error TypeError: g.usePlugin no es una función ocurre cuando el módulo intenta acceder a propiedades antes de que el ciclo de vida del componente esté completamente inicializado. Esta es u...

#514929 de mayo de 2023por jchautreux4 respuestas
Reacciones 0

Plugins y opciones sin nombre

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todo y ninguno, el error está durante la construcción Enlace de demo reproducible innecesario Describe el bicho ¿Cómo reproducir el bicho? Usa NPM para instalar GrapesJS y usarlo en un proyecto typescript. Según la docume...

artf

Esto parece estar relacionado con https://github.com/microsoft/TypeScript/issues/35945 Como solución temporal podrías hacer algo así por ahora: '''js pluginsOpts: { [myPlugin.toString()]: { customField: 'customValue' } }

jchautreux

Eso parece una buena idea

artf

He añadido el ayudante aquí (también actualizaré la documentación con el uso más adelante)

#514829 de mayo de 2023por jchautreux4 respuestas
Reacciones 0

Ninguno de los plugins oficiales de GrapesJS funciona con el nuevo index.d.ts

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todo y ninguno, el error está durante la construcción Enlace de demo reproducible innecesario Describe el bicho ¿Cómo reproducir el bicho?Crear un proyecto en blancousar NPM para instalar GrapesJS y un plugin (preset-webp...

artf

Cierro esto en relación con https://github.com/GrapesJS/grapesjs/issues/5149

jchautreux

Ese no es realmente el mismo problema, en el #5149, el error está relacionado con cómo configurar las opciones del plugin durante la inicialización de la herramienta. Aquí, el error está relacionado con la última actualización del proyecto...

artf

En la versión anterior, 'index.d.ts' tenía la misma firma para los plugins, así que no estoy seguro de a qué cambio te refieres https://github.com/GrapesJS/grapesjs/blob/095466c8cc8034e54888d67beef4cb9296c823e4/index.d.ts#L50-L53 ¿Puedes c...

#514425 de mayo de 2023por duclet3 respuestas
Reacciones 1

Definición incorrecta de tipo para PanelManager.addPanel

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Todos Enlace de demo reproducible Ninguno Describe el bicho La definición de la función ubicada aquí: https://github.com/GrapesJS/grapesjs/blob/v0.21.1/src/panels/index.ts#L82 requiere que los datos dados sean la instanci...

duclet

@artf - No leíste la frase completa. Se puede ver claramente en el propio código que requiere el argumento dado como el objeto completo 'Panel'. En tu documentación (como está enlazado), no le estás asignando el objeto completo 'Panel' del...

artf

La documentación del sitio dice que los parámetros dados solo pueden ser un objeto con las propiedades Perdona, ¿dónde lees exactamente esa afirmación?

ClaudeCode

Gracias por informar de esto, @duclet. El problema con Definición incorrecta de tipo para PanelManager.addPanel parece ser una condición de carrera o un problema de sincronización de gestión de estados. Esto suele ocurrir cuando los evento...

#511214 de mayo de 2023por putzwasser4 respuestas
Reacciones 0

GrapeJS/arrastrar y soltar no funciona para Brave en Linux y Wayland

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 1.51.110 Chromium: 113.0.5672.77 (Versión Oficial) (64 bits) Enlace de demo reproducible https://grapesjs.com/docs/getting-started.html#add-blocks Describe el bicho En Linux, Wayland (Arch Linux y Gnome) usando Br...

artf

Comprobando con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. Si alguien más experimenta lo mismo o tiene más contexto sobre el...

gxanshu

Estoy teniendo el mismo problema con Tauri. Usan WebGTK y arrastrar y soltar no funciona tan bien allí

putzwasser

Al comprobar con la misma versión de Brave (en Mac), el arrastrar y soltar parece funcionar correctamente, así que no parece un problema ni con GrapesJS ni con el navegador. No creo que este cheque sea válido. Tienes una configuración comp...

#505317 de abril de 2023por ngoc1992 respuestas
Reacciones 1

Los tipos se cambian a 'any' en la v0.21.1

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? FireFox 112.0 (64 bits) Enlace de demo reproducible Sin enlace de demo Describe el bicho Recientemente actualicé de la v0.20.1 a la v0.21.1. Muchos tipos que existían en la v0.20.1 se cambian a 'any' en la v0.21.1. Por ej...

artf

Gracias @ngoc199 por favor avisadme si faltan otras declaraciones de las versiones anteriores

ClaudeCode

Gracias por informar de esto, @ngoc199. Buena pregunta sobre que los tipos cambian a 'any' en la v0.21.1. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de...

#500022 de marzo de 2023por applibs2 respuestas
Reacciones 0

La localización funciona de forma extraña

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 111 Enlace de demo reproducible https://jsfiddle.net/zfkuq7sh/ Describe el bicho Algunos textos se traducen y otros no. Algunas se traducen solo después de que pulso algún botón de herramienta, y entonces se traduc...

artf

@applibs no puedo ayudar si no proporcionas una demo reproducible válida, por favor incluye todas las dependencias que faltan.

ClaudeCode

Gracias por informar de esto, @applibs. El problema con La localización funciona de forma extraña parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de...

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

Enlaces rotos en la documentación

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

ClaudeCode

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

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

Block:custom no funciona en 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...

ClaudeCode

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

Se elimina un botón de etiqueta dentro

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

Explora todos los temas