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
#37452 de septiembre de 2021por Light08152 respuestas
Reacciones 0

No se puede eliminar la url de imagen de fondo del cuerpo después de una importación

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Chromev93 Enlace de demo reproducible https://grapesjs.com/demo.html Describe el bicho ¿Cómo reproducir el bicho?Importar el siguiente códigoAhora intenta borrar la url de la imagen de fondo:No es posible ¿Cuál es el comp...

artf

Hola @Light0815 gracias por el informe, pero ya soy consciente del error con capas junto con CSS importado, así que estoy cerrando este como un duplicado del #1396

ClaudeCode

Gracias por informar de esto, @Light0815. Buena pregunta sobre No se puede borrar la url de imagen de fondo del cuerpo tras una importación. El enfoque recomendado con StyleManager es usar la API orientada a eventos. Empieza aquí: Consulta...

#373430 de agosto de 2021por anatoli-dp4 respuestas
Reacciones 2

¿Hay alguna forma de activar el guardado manualmente fuera del guardado automático?

Como dice la pregunta, ¿hay alguna forma de activar la función de guardado mediante comandos fuera del guardado automático? ¿No pares clave-valor, sino un comando que guarda instantáneamente todo el proyecto?

csechrist

'editor.store()' guardará el proyecto si tienes configurado un Gestor de Almacenamiento

artf

Sí, tienes que usar 'editor.store()'

anatole-dp

Editor.store() sin parámetros simplemente me envía datos vacíos.

#373330 de agosto de 2021por anatoli-dp2 respuestas
Reacciones 0

El Storage Manager no carga correctamente?

ADVERTENCIA LEE y SIGUE los siguientes 3 pasos, luego ELIMÍNALOS antes de publicar el númeroSeguir las Directrices de CONTRIBUCIÓN https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdHaz una BÚSQUEDA rápida primero, para ver si alguien más no abrió el mismo problemaTodas las afirmaciones/preguntas relativas de...

artf

Estás llamando al 'clb' fuera del fetch, en tu función de carga '''js load(keys, clb) { fetch(...). entonces(r => r.json()) .then(res => { ... clb(resultado) }) } ```

ClaudeCode

Gracias por informar de esto, @anatoli-dp. ¿El problema con (o simplemente problema general) el gestor de almacenamiento no carga correctamente? parece ser una condición de carrera o un problema de sincronización de gestión de estados. Est...

#373127 de agosto de 2021por gustavohleal4 respuestas
Reacciones 1

El elemento de texto no puede seleccionarse dos veces después de extenderse con eventos

Versión: 0.17.25 ¿Puedes reproducir el error de la demo?[ ] Sí[x] No ¿Cuál es el comportamiento esperado? Actualiza un componente existente del texto de tipografía añadiendo un evento a su vista. Describe el error detallado El evento se está añadiendo, pero una vez que selecciono otro componente no puedo volver al pri...

gustavohleal

Ese era realmente el problema. Gracias por responder. Voy a cerrar el asunto.

ronaldohoch

+1 :D Estamos intentando resolver este problema https://github.com/artf/grapesjs/issues/1136 Porque sigue ocurriendo cuando uso un CKEDITOR. ! imagen

artf

Los 'eventos' no se fusionan automáticamente con el componente extendido, así que tienes que hacerlo manualmente. '''js eventos: { ... domc.getType('text').view.prototype.events, Keypress: (e) => {...} } ```

#372726 de agosto de 2021por SintoDema4 respuestas
Reacciones 1

Problema sobre la importación de estilos

Hola @artf, Describe el error con detalle Mientras creaba una nueva plantilla usando GrapesJS, me encontré con un escenario en el que, cuando intentamos importar CSS desde el modal de importación, no se refleja en el editor. En un editor en blanco, he creado una plantilla con HTML y CSS añadiéndose.Después de eso, nec...

artf

Hola @javadsamiee el problema se solucionó en la última versión del plugin de presets

artf

Hola @SintoDema el problema está aquí https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18 Como ves, actualiza componentes pero no elimina el módulo de estilos. No...

javadsamiee

Hola @SintoDema el problema está aquí https://github.com/artf/grapesjs-preset-webpage/blob/3e5a9e12998c9a32b6f1199953084163678e6c17/src/commands/openImport.js#L15-L18Como ves, actualiza componentes pero no borra el módulo de estilos. No te...

#372626 de agosto de 2021por ryprfpryr4 respuestas
Reacciones 0

Cómo añadir extensiones [ayuda]

Por favor, ¿alguien puede explicar de forma clara cómo añadir extensiones? ¡MUCHAS gracias!

artf

Creo que buscas esta https://grapesjs.com/docs/modules/Plugins.html

ryprfpryr

creo que buscas este https://grapesjs.com/docs/modules/Plugins.html Oye@artf gracias por tu respuesta, pero lo que realmente necesito saber es cómo añadir extensiones/plugins existentes a mi Grapesjs. Mi objetivo principal es alojar una in...

artf

Hola @ryprfpryr puedes consultar el archivo de demostración aquí https://github.com/artf/grapesjs/blob/gh-pages/demo.html

#372225 de agosto de 2021por amansharmaagami2 respuestas
Reacciones 0

¿Quiero añadir una altura fija de tamaño al lienzo?

Lo uso para crear contenido PDF dinámico. Quería fijar la altura del lienzo para que el usuario no pueda añadir más bloques de un tamaño (altura) dado. Quiero eliminar scroll y un mensaje o restricción como que no se pueden añadir más objetos o algo así. Encontré un problema antiguo en la misma https://github.com/artf...

amansharmaagami

@artf Gracias por crear GrapesJS.

ClaudeCode

Gracias por informar de esto, @amansharmaagami. Buena pregunta sobre Quiero añadir una altura fija de tamaño para el lienzo. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de G...

#372123 de agosto de 2021por christosapos4 respuestas
Reacciones 2

Prueba arrastrar y soltar con Cypress

Hola @artf. Me gustaría ejecutar algunos escenarios de prueba en GrapesJs usando la herramienta Cypress. Sin embargo, no puedo simular el modo de arrastrar y soltar usando Cypress. ¿Podrías ayudarme, por favor? Gracias.

ronaldohoch

Creo que esto puede ayudarte: https://stackoverflow.com/questions/55361499/how-to-implement-drag-and-drop-in-cypress-test

christosapos

He probado algo similar y no me ha funcionado... Creo que mi problema es que el lienzo de GrapesJ se renderiza como un iframe, la tabla con bloques se renderiza fuera de este iframe y cypress, cuando hago clic en un bloque para arrastrarlo...

ronaldohoch

Todavía no he llegado a los exámenes en mi desarrollo :/ Pero yo finjo usar ciprés también.

#371520 de agosto de 2021por mingxin-yang3 respuestas
Reacciones 0

Cómo añadir un evento de clic

Este es mi código de bloque personalizado: Quiero añadir un evento de clic al botón después de añadirlo al lienzo, y cuando hago clic, puedo obtener el contenido en el texto de mj-text

mingxin-yang

@artf

artf

@mingxin-yang tienes que extender la vista del componente 'botón mj'

ClaudeCode

Gracias por informar de esto, @mingxin-yang. Buena pregunta sobre Cómo añadir un evento de clic. El enfoque recomendado con Canvas es usar la API orientada a eventos. Empieza aquí: Consulta la documentación de GrapesJS de tu módulo específ...

#371418 de agosto de 2021por ltenti2 respuestas
Reacciones 0

Análisis parcial

Comentado en https://github.com/artf/grapesjs/discussions/3711 <tipo div='discussions-op-text'> <sup>Publicado originalmente por ltenti 17 de agosto de 2021</sup> Hola a todos, Me pregunto cómo abordar este tipo de escenario:Tengo que permitir que los usuarios de mi aplicación editen una página webla página web tiene...

artf

https://github.com/artf/grapesjs/discussions/3711#discussioncomment-1234837

ClaudeCode

Gracias por informar de esto, @ltenti. ¡Gran sugerencia sobre el análisis parcial! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar. Usando el sistema de eventos: '''...

Explora todos los temas