Problemas con GrapesJS

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)

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

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?

GJS Helper

Gracias por informar de esto y llamarnos la atención. Es importante asegurar claridad entre las definiciones de tipo y la documentación. Tras revisar el código fuente GrapesJS v0.21.1 y la documentación, parece que no hay discrepancia, sin...

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?

GJS Helper

Has identificado un problema común de sincronización en GrapesJS relacionado con cómo se gestionan los atributos de los componentes, especialmente cuando las clases se modifican mediante el Gestor de Estilos y luego se actualizan por prime...

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

GJS Helper

Gracias por reportar este problema. Al revisar el código fuente GrapesJS , específicamente la rama dev y la última versión estable (0.21.10), parece que la interfaz de PropertyProps sí incluye la propiedad options . Por lo tanto, la defini...

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.

GJS Helper

Este comportamiento no es un error, sino una optimización intencionada dentro de GrapesJS, que aprovecha Backbone.js modelos. Cuando serializas GrapesJS componentes a JSON, los atributos que coinciden con sus valores predeterminados para e...

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.

GJS Helper

El error editor.getSelected().view.enableEditing() is not a function ocurre porque el método enableEditing no es una API pública disponible directamente en la instancia ComponentView (a la que editor.getSelected().view se refiere). El edit...

artf

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

GJS Helper

El problema en el que un estilo background-image no se aplica correctamente a un componente en GrapesJS suele deberse a una de dos razones comunes: una sintaxis incorrecta de CSS url() o que el componente carece de dimensiones suficientes...

artf

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

GJS Helper

El problema que has encontrado, cuando la función script de un componente se ejecuta dos veces después de guardar y recargar la página, es un comportamiento conocido (o un error, según la perspectiva) en el sistema de gestión de scripts de...

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

GJS Helper

El problema que te encuentras, @parcel/transformer-sass: expected "{" al importar GrapesJS SCSS, es un problema común relacionado con cómo empaquetadores de módulos como Parcel resuelven y procesan la importación de hojas de estilo, especi...