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 877

🔍 question
#606418 de agosto de 2024por mannyyang4 respuestas
Reacciones 0

Configurar el contenido de texto de forma programática lo borra en el lienzo

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? v126 Enlace de demo reproducible https://jsfiddle.net/r5062suy/1/ Describe el bicho ¿Cómo reproducir el bicho?Ejecutar el enlace de la demo (https://jsfiddle.net/r5062suy/1/)Mira que intento actualizar el texto en el div...

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')'

#606316 de agosto de 2024por sridharK643 respuestas
Reacciones 1

Cómo cargar grapesjs por previsualización predeterminada

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Últimas Enlace de demo reproducible https://stackblitz.com/edit/grapesjs-react-custom-ui-nrqcgn?file=src%2FApp.tsx Describe el bicho ¿Cómo reproducir el bicho?...... ¿Cuál es el comportamiento esperado? ... ¿Cuál es el co...

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') }); ```...

ClaudeCode

Gracias por informar de esto, @sridharK64. Buena pregunta sobre Cómo cargar grapesjs por previsualización predeterminada. El enfoque recomendado con GrapesJS es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de Gr...

#60519 de agosto de 2024por SAJAD-CH2 respuestas
Reacciones 0

Problema con el plugin

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible asdasd Describe el bicho Estoy teniendo un problema al instalar paquetes de plugins NPM como preset-webpage, preset-newsletter, el archivo CSS falta al instalarlo en ambos cuando reviso...

artf

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

ClaudeCode

Gracias por informar de esto, @SAJAD-CH. El problema con Problema en el plugin parece ser un problema de condición de carrera o de gestión de estado. Esto suele ocurrir cuando los eventos del ciclo de vida de los componentes y las modifica...

#60447 de agosto de 2024por danstarns2 respuestas
Reacciones 0

Versión LTS de Node JS

En toda la base de código, hemos construido y vinculado dependencias con versiones muy antiguas de Node.js. Ver: https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/publish.yml#L15 https://github.com/GrapesJS/grapesjs/blob/dev/.github/workflows/build.yml#L15 https://github.com/GrapesJS/grapesjs/discussions...

danstarns

Relacionado:https://github.com/GrapesJS/grapesjs/issues/6048https://github.com/GrapesJS/grapesjs/issues/6049

ClaudeCode

Gracias por informar de esto, @danstarns. Buena pregunta sobre Node JS LTS Version. 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ífico Busca e...

#60406 de agosto de 2024por Vampire-V4 respuestas
Reacciones 0

No se pueden leer propiedades de indefinidas (leyendo 'lastComponent')

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión 127.0.6533.89 (Versión oficial) (64 bits) Enlace de demo reproducible Describe el bicho Por favor, comprueba esto. Selected tiene un valor indefinido . Lo usé en React y obtuve una excepción de error. /*Devuelve e...

artf

Hola @Vampire-V, por favor sigue correctamente la plantilla de problemas de errores. No podemos ayudarte aquí sin una demo reproducible.

Aravinth-2020

### Versión GrapesJS[x] Confirmo que se debe usar la última versión de GrapesJS### ¿Qué navegador usas?Versión 127.0.6533.89 (Versión oficial) (64 bits)### Enlace de demo reproducible### Describe el errorPor favor, comprueba esto. selected...

Aravinth-2020

Hola @Vampire-V, por favor sigue correctamente la plantilla de problemas de errores. No podemos ayudarte aquí sin una demo reproducible. ¿Podrías compartir la solución para eso? Tengo el mismo problema cuando selecciono el gestor de capas...

#60396 de agosto de 2024por Gryphonn4 respuestas
Reacciones 3

No se puede establecer el valor de visualización de bloques

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome 126 Enlace de demo reproducible https://jsfiddle.net/Gryphonn/ob1pznh6/ Describe el bicho ¿Cómo reproducir el bicho?Elige cualquier palabra.Envuélvelo para darle estilo.Mantén esta palabra seleccionada.Ir a la pant...

artf

Sí, el problema está aquí: https://github.com/GrapesJS/grapesjs/blob/1e3766f0060e6da502fccf9ba9eb938d5ac860bb/src/style_manager/model/PropertyFactory.ts#L267 ¿Tendría sentido añadir una opción nueva como 'inicial' y convertirla en la prede...

danstarns

> Hola @Gryphonn,> intenté reproducir tu problema pero los pasos no son muy claros, por favor reformulábelo.bandicam.2024-08-08.21-07-14-667.mp4 Gracias por un informe 🙏 tan detallado Parece que deberíamos manejar mejor la pantalla predet...

danstarns

Hola @Gryphonn, Intenté reproducir tu problema pero los pasos no son muy claros, por favor reformulábelo.

#60386 de agosto de 2024por dharma-glui2 respuestas
Reacciones 0

Se están eliminando declaraciones de eventos en línea como el evento onclick en botones

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/6bn43a05/Describe el bicho ¿Cómo reproducir el bicho?Añadir un evento onclick para una etiqueta html ¿Cuál es el comportamiento esperado? No debería eliminar el evento...

artf

Esto es intencionado por razones de seguridad, pero puedes desactivarlo con la opción 'config.parser.optionsHtml.allowUnsafeAttr' (bajo tu propio riesgo): https://github.com/GrapesJS/grapesjs/blob/819bfcf44bb23d51990eba3b4330e9932df59cde/s...

ClaudeCode

Gracias por informar de esto, @dharma-glui. Buena pregunta sobre declaraciones de eventos en línea como el evento onclick en un botón que se están eliminando. El enfoque recomendado con ProseMirror es usar la API orientada a eventos. Empie...

#60323 de agosto de 2024por aswinkumar8632 respuestas
Reacciones 0

El Componente de Imagen permite subir y seleccionar archivos de vídeo mediante arrastrar y soltar

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome v126 Enlace de demo reproducible https://grapesjs.com/demo Describe el bicho ¿Cómo reproducir el bicho?Abrir la demoHaz doble clic en cualquier componente de imagen existente para abrir el gestor de activos.Arrastr...

artf

Gracias @aswinkumar863 por el informe. Estaré encantado de fusionar un PR de la solución.

ClaudeCode

Gracias por informar de esto, @aswinkumar863. ¡Gran sugerencia sobre El componente de imagen permite subir y seleccionar archivos de vídeo mediante arrastrar y soltar! Aunque esta función específica aún no está en la API principal, existen...

#602430 de julio de 2024por yashvi20262 respuestas
Reacciones 0

No se puede ocultar RTE para algún tipo de componente en particular

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/xxoOyXO Describe el bicho https://github.com/GrapesJS/grapesjs/issues/6019 Con referencia a esto, Quería ocultar RTE solo para algún tipo en particular. E...

artf

https://github.com/GrapesJS/grapesjs/issues/6019#issuecomment-2267466020 Por favor, evita crear números duplicados.

ClaudeCode

Gracias por informar de esto, @yashvi2026. El problema de no poder ocultar RTE para algún tipo de componente en particular parece ser una condición de carrera o un problema de sincronización de gestión de estado. Esto suele ocurrir cuando...

#601926 de julio de 2024por yashvi20264 respuestas
Reacciones 0

No se puede ocultar RTE en las últimas versiones

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chrome Enlace de demo reproducible https://codepen.io/Harshsne/pen/xxoOyXO Describe el bicho ¿Cómo reproducir el bicho?Componente de texto de eliminaciónEditar el componente de texto ¿Cuál es el comportamiento esperado? R...

artf

Sí, 'onActive' ahora es un método asíncrono, así que extenderlo con 'extendFnView' no es suficiente, tu código se ejecuta antes que el original. De todos modos, puedes conseguir el mismo resultado con una simple línea de CSS '''css .gjs-rt...

yashvi2026

Pero quería ocultar solo algún tipo concreto, por ejemplo: texto @artf

artf

Aún puedes ampliar la vista sin usar 'extenderFnView'. Reutilizar el tipo original de componente mediante prototipo, como se indica en aquí.

Explora todos los temas