Problemas con GrapesJS

kanaihyakumar

Antes, necesitaba ser más claro sobre los pasos para reproducir el problema. Aquí están los pasos más precisos para resolver el problema. Pasos para reproducir el problema:Haz clic directamente en la sección.Observa las opciones de tamaño...

kanaihyakumar

Créeme, tuve suerte de poder encontrar este comportamiento trágico de hacer clic en diferentes lugares dentro de la sección que se comportaba pero era diferente.

artf

No veo que desaparezca si no es al pulsar el clic, pero eso es de esperar cuando se prepara para arrastrarse

artf

@MdShadabAhamad por favor, evita abrir problemas en la discusión, gracias

icoco

No hay código fuente de estudio, ¿dónde puedes encontrar el estudio?

GJS Helper

Sí, GrapesJS proporciona funcionalidad robusta para implementar e incrustar código JavaScript personalizado en tus páginas web, tanto para contenido dinámico en el lienzo como para la salida final exportada. Existen varios métodos para log...

artf

UndoManager rastrea los cambios en el estado de los componentes, no su DOM. Esto debería funcionar en tu caso 'element.components('Hello Planet')'

leo-budgetsimple

@artf ¡Gracias!

GJS Helper

El problema que estás encontrando se debe a manipular directamente la propiedad de innerHTML del componente, lo que evita el mecanismo interno de seguimiento de cambios de GrapesJS. El gestor de deshacer/rehacer de GrapesJS(parte de la ins...

artf

Puedes saltarte la eliminación de los componentes ('instance.value.Components.clear()') porque de todas formas estás destruyendo el editor '''js if (confirm('¿Estás seguro de que quieres limpiar el lienzo?')) { localStorage.clear() reRende...

WilliamDASILVA

@jdkcoder Al comentar la función reRender ya no tenemos el problema. El error de lastComponent proviene de que la this.get('selected') en el Editor está indefinida en algún momento. Y al comprobar el depurador, efectivamente se vuelve inde...

GJS Helper

Parece que te estás encontrando con dos problemas distintos en tu proyecto de GrapesJS Nuxt.js 3. Vamos a desglosarlos y ofrecer soluciones. Número 1: Cannot read properties of undefined (reading 'lastComponent') después de clearAll() Caus...

artf

Usa los plugins cuando quieras ampliar algo a nivel de API GrapesJS

MdShadabAhamad

También añadí un setupStyleManager de estilo personalizado, pero se muestra en blanco, https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx

GJS Helper

El problema que estás experimentando, donde tu bloque de componentes personalizados no es visible en el primer renderizado pero aparece tras buscar, es un problema común de temporización relacionado con cómo GrapesJS inicializa sus compone...

danstarns

Prueba a usar el método '.getEl' en el componente y luego configura el elemento directamente. '''js const editor = grapesjs.init({ Contenedor: '#gjs', fromElement: 1, Altura: '100%', storageManager: { type: 0 }, Plugins: ['GJS-Bloques-Bási...

mannyyang

'''jsconst component = editor.getWrapper().find('.test-text')[0]const el = component.getEl();el.textContent = "test"

artf

@mannyyang ¿dónde sacaste el uso de 'set('content', ...'? Es más bien propiedad privada y nunca deberías usarla. Para actualizar los componentes internos de forma programática, utiliza 'component.components('test')'

danstarns

Hola, @sridharK64 gracias por tu informe, ¿puedes explicar tu problema, por favor? Como solo tenemos: 'Cómo cargar grapesjs por previsualización predeterminada'Tu ataque de pilas ¿Podrías contarnos qué intentas conseguir?

artf

@sridharK64 entiendo lo que quieres decir, pero la próxima vez intenta explicarlo un poco mejor. Para activar la vista previa al cargar, esto sería suficiente '''js editor.onReady(() => { editor.runCommand('core:previsualización') }); ```...

GJS Helper

Para cargar GrapesJS en modo de vista previa por defecto, necesitas inicializar el editor y luego ejecutar el comando core:preview integrado. Este comando alterna el estado del editor entre edición y previsualización, ocultando efectivamen...

artf

@SAJAD-CH, por favor, proporciona una demo en directo reproducible (por ejemplo, a través de stackblitz) cuando abras un problema de error

GJS Helper

Parece que te estás encontrando con un problema común al integrar plugins de GrapesJS en frameworks JavaScript modernos como Angular, donde los archivos CSS no aparecen como archivos independientes en nodemodules para enlaces directos. Est...

GJS Helper

Mantener las dependencias del proyecto actualizadas es crucial para la seguridad, el rendimiento y la compatibilidad. Para un proyecto GrapesJS , que normalmente utiliza Node.js y npm/yarn, esto implica un enfoque de dos frentes: actualiza...

GJS Helper

Actualizar y estandarizar TypeScript en toda la base de código GrapesJS es un paso crucial para mejorar la mantenibilidad, detectar errores a tiempo y mejorar la experiencia de los desarrolladores. Esta solución detalla los pasos para logr...