Problemas con GrapesJS

artf

Buen detalle @javadsamiee se corregirá en la próxima versión

GJS Helper

El problema que has encontrado es un comportamiento conocido en GrapesJS al inicializar varias páginas con componentes que comparten los mismos IDs iniciales y estilos inline correspondientes. GrapesJS identifica y renombra correctamente l...

bgrand-ch

@artf ❤️

GJS Helper

El evento component:styleUpdate en GrapesJS es un evento a nivel de editor que se activa principalmente por el Gestor de Estilos GrapesJS u otros mecanismos internos del editor cuando el estilo de un componente se modifica a través de la i...

joukhar

Sí, falta la carpeta 'src'

artf

El mismo problema que https://github.com/GrapesJS/grapesjs/issues/5392

GJS Helper

¡Hola! Has identificado correctamente un cambio en cómo GrapesJS empaqueta sus estilos a partir de la versión 0.21.x. El archivo main.scss , junto con todo el directorio src/styles/scss , efectivamente ya no está incluido en la carpeta nod...

padcom

PR: https://github.com/GrapesJS/grapesjs/pull/5399

GJS Helper

Este es, de hecho, un informe de error válido relacionado con cómo TypeScript resuelve declaraciones de tipos al usar estrategias modernas de resolución de módulos, específicamente moduleResolution: "bundler" (o node16/nodenext). Causa raí...

joukhar

Solo era un archivo '''scss @import "./editorvariables"; @import "./editorvendor"; @import "./editorfonts"; @import "./editoricons"; @import "./custom"; @import "./custom/main"; @import './loader'; ``` Los archivos SCSS están más organizad...

artf

@bgrand-ch, creo que lo que mencionas se puede arreglar con variables CSS. También estaba pensando en introducir un nuevo módulo pequeño para la tematización, que permitiría actualizar la apariencia del editor de forma programática y, en e...

joukhar

Debido a que los archivos SASS pueden sobrescribir variables es muy importante

hannydevelop

¿Puedes comprobar con la última versión https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6 Muchas gracias @artf esto funciona perfectamente.

artf

¿Puedes consultar con la última versión https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

GJS Helper

El problema que te encuentras, TypeError: grapesjs.init is not a function al ejecutar GrapesJS en un entorno Node.js, proviene de un malentendido fundamental sobre cómo funciona GrapesJS y el propósito de la opción headless: true . Causa r...

artf

Hola @hannydevelop tienes tipos de componentes personalizados pero no has pasado ningún plugin en 'grapesjs.init', por eso se aplica el 'div' por defecto

hannydevelop

hola @hannydevelop tienes tipos de componentes personalizados pero no has pasado ningún plugin en 'grapesjs.init', por eso se aplica el 'div' por defecto Siento estar abriendo esto de nuevo, añadir el plugin de forma normal devuelve un err...

artf

@hannydevelop puedes mostrar el código, por favor?

artf

0.18.2 es una versión bastante antigua, tienes que actualizar

GJS Helper

El error de TypeError: Cannot read properties of undefined (reading 'width') en GrapesJS 0.18.2, originado en getTargetToElementFixed y updateToolsGlobal, indica que las herramientas internas de GrapesJS(como el selector, el redimensionado...

artf

También se añadieron opciones de carga para limpiar el estado interno del editor después de la postcarga '''js const storageOptions = {}; const loadOptions = { clear: true }; await editor.load(storageOptions, loadOptions); editor.getDirtyC...

padcom

¡Gracias! ¡Espero con ganas la próxima versión!

artf

Ya disponible aquí https://github.com/GrapesJS/grapesjs/releases/tag/v0.21.6

GJS Helper

El problema que has encontrado con reglas CSS duplicadas, específicamente flex-wrap:wrap; para la clase .row dentro del bloque @media (max-width: 768px) , es un comportamiento conocido que puede ocurrir en GrapesJS bajo ciertas condiciones...