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 545

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

#514124 de mayo de 2023por rajevar3 respuestas
Reacciones 1

El componente reinicia los valores de los atributos al actualizar los rasgos (solo por primera vez)

Versión GrapesJS [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/rajevar/zLs8q97f/4/ Describe el bicho Esto hace referencia a esta discusión https://github.com/GrapesJS/grapesjs/discussions/4759 ¿Cómo repr...

rajevar

Perdona, mi culpa. No estaba usando la última.

artf

@rajevar no puedo reproducirlo con la última versión, ¿estás seguro de que usas la última?

ClaudeCode

Gracias por informar de esto, @rajevar. Buena pregunta sobre componentes que reinician valores de atributos al actualizar rasgos (solo la primera vez). El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Con...

#513522 de mayo de 2023por duclet2 respuestas
Reacciones 0

Definición incorrecta de tipo para StyleManager.addProperty

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 ¿Cómo reproducir el bicho?Según la definición aquí: https://github.com/GrapesJS/grapesjs/blob/dev/src/stylemanager/index.ts#L304, deberías proporcionar las opcio...

SachinPuthiyoth

Parece que la definición de tipo en StyleManagerConfig.sectors no ha cambiado : https://github.com/GrapesJS/grapesjs/blob/5c890449a52f526bc480d6dc649ff5e01ec59140/src/stylemanager/config/config.ts#L8 ¿No deberíamos actualizar esto para usa...

ClaudeCode

Gracias por informar de esto, @duclet. Buena pregunta sobre Definición incorrecta de tipo para StyleManager.addProperty. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de...

#513120 de mayo de 2023por sdimitrenco2 respuestas
Reacciones 0

Después de JSON.stringify, los componentes no tienen todos los campos

Versión GrapesJS[X] Confirmo que se debe usar la última versión de GrapesJS¿Qué navegador usas? ChromeEnlace de demo reproducible https://jsfiddle.net/sdimitrenco/rn8u4pc0/7/Describe el bicho No estoy seguro de si es un error o no, pero para mí, el comportamiento parece extraño Tengo una lista de componentes que inclu...

artf

Si la propiedad tiene el mismo valor que la definición por defecto, se omit. Esto se controla mediante la opción de configuración 'avoidDefaults' y se recomienda encarecidamente mantener fiel a tener JSONS tan pequeños como sea posible.

ClaudeCode

Gracias por informar de esto, @sdimitrenco. El problema con Después de JSON.stringify Componentes no tienen todos los campos parece ser un problema de condición de carrera o de sincronización de estado. Esto suele ocurrir cuando los evento...

#511013 de mayo de 2023por yashvi20262 respuestas
Reacciones 0

'enableEditing' está adjunto a la vista y puedes obtener su instancia del modelo, así que selecciona el componente y ejecuta esto en consola 'editor.getSelected().view.enableEditing()'

Estoy recibiendo editor.getSelected().view.enableEditing(); no es una función

artf

Por favor, evita abrir problemas de errores sin seguir la plantilla del problema. Puedes iniciar una nueva discusión con una descripción o caso de uso adecuado de lo que buscas.

ClaudeCode

Gracias por informar de esto, @yashvi2026. Gracias por compartir tu informe sobre 'enableEditing' que está adjunto a la vista y puedes obtener su instancia desde el modelo, así que selecciona el componente y ejecuta esto en consola 'editor...

#510511 de mayo de 2023por Baghunts2 respuestas
Reacciones 1

Añadir estilo o componente por (prop, valor) no es correcto.

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome@latest Enlace de demo reproducible https://no-link.com Describe el bicho ! imagen ! imagenCódigo de conducta [X] Acepto seguir el Código de Conducta de este proyecto

artf

Gracias@Baghunts, buen apunte. La solución temporal actual sería '.addStyle({ 'border-left': '...' })`

ClaudeCode

Gracias por informar de esto, @Baghunts. El problema de Añadir style o component by (prop, value) no es correcto. parece ser una condición de carrera o un problema de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vi...

#50903 de mayo de 2023por FaisalShaikhHA2 respuestas
Reacciones 1

La función de script de componentes se ejecuta dos veces después de guardar la página

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? 112.0.5615.137 (Construcción oficial) (arm64) Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho Definición de componentes: Cuando se suelta, guarda y recarga, hay dos sitios que llaman al mismo...

artf

Como se explica aquí, no deberías reimportar el HTML de salida para editar el proyecto, solo el JSON.

ClaudeCode

Gracias por informar de esto, @FaisalShaikhHA. Buena pregunta sobre la función de script de componente se ejecuta dos veces después de guardar la página. El enfoque recomendado con Componentes es utilizar la API orientada a eventos. Empiez...

#50892 de mayo de 2023por davidrhoderick3 respuestas
Reacciones 0

Importación de errores de la biblioteca codemirror en SCSS

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Firefox 112.0.1 Enlace de demo reproducible https://github.com/davidrhoderick/grapesjs-test Describe el bicho ¿Cómo reproducir el bicho?Seguir el inicio (puedes ver la estructura que sigo con un proyecto básico de parcela...

davidrhoderick

Curiosamente, el estilo basado en CSS funciona.

artf

Parece que el transformador Parcel está intentando importar 'codemirror/lib/codemirror.js' en lugar de 'codemirror/lib/codemirror.css' en esta línea: '''css @import "codemirror/lib/codemirror"; ``` Así que sugeriría abrir el problema en el...

ClaudeCode

Gracias por informar de esto, @davidrhoderick. ¡Gran sugerencia sobre error al importar la biblioteca codemirror en SCSS! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento sim...

Explora todos los temas