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 1,399

🔍 outdated
#112017 de mayo de 2018por Deepak8132 respuestas
Reacciones 0

Comprobar elemento vacío

Hola @artf, Espero que estés bien, Quiero comprobar cuándo el elemento de sección está vacío, por ejemplo, arrastro una sección vacía y luego dentro de eso arrastro h1 o elemento columna. Después de eso, ¿cómo compruebe cuándo el usuario elimina todos los elementos del elemento de sección? La teoría general es cómo co...

artf

'''js si (model.components().length === 0 & !model.get('contents')) { está vacío } ```

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#111917 de mayo de 2018por ionic666Respuesta 1
Reacciones 0

Subir la imagen tiene un error

Cuando arrastro una imagen a un bloque, esa imagen no se puede configurar, y cuando hago clic en ella, no aparece nada ! 549d34bc-5409-40eb-9759-f8ab3b396eb1

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#111817 de mayo de 2018por cgatian3 respuestas
Reacciones 0

Generar identificador dinámico en Bloque

Estoy buscando crear un bloque que, al caer, genere dos componentes y estos componentes compartan algún identificador único entre sí. Si dejaba caer un segundo bloque en el lienzo, se usaba un segundo identificador. Creo que podrías hacerlo creando tu propio componente, pero entonces pierdes la capacidad de redimensio...

artf

Puedes aprovechar este evento '''js editor.on('canvas:drop', (dataTransfer, component) => { if (component.getEl().tagName === 'GG-LIST'){ ... } }); ```

cgatian

@artf ¡Gracias por la respuesta! Vale, estaba dudando de este enfoque, es bueno recibir opiniones al respecto. Solo para que hagas un seguimiento, no creo que haya forma de detectar qué bloque se dejó realmente caer durante el evento, ¿ver...

artf

Solo para hacer un seguimiento, no creo que haya forma de detectar qué bloque se dejó realmente caer durante el evento, ¿verdad? El 'componente' es simplemente el primero de tu lista, si envuelve tus dos elementos dentro de otro div, ese s...

#111716 de mayo de 2018por UmairAfzalUAT3 respuestas
Reacciones 2

¿Elementos externos pueden arrastrar y soltar en el lienzo?

Hola Artf En realidad no hay ningún problema. Estamos usando grapesjs de una manera diferente. No estamos usando cabeceras ni barras laterales de grapesj, estamos realizando sus funcionalidades, comprando nuestros propios disparadores como deshacer una vista previa, etc. ¿Hay alguna forma de añadir mi propio panel de...

UmairAfzalUAT

Estoy trabajando en relativo y absoluto, ambos te avisarán cuando terminen.

artf

Hola Umar, GrapesJS soporta HTML5 Drag and Drop nativo, por lo que puedes soltar CUALQUIER tipo de recurso arrastrable (no solo desde el navegador). ! html5-dnd También puedes ampliar sus capacidades usando eventos 'canvas:*', como 'canvas...

UmairAfzalUAT

Hola Artf, Gracias por la ayuda, lo entendí y uso arrastrar y soltar de la misma manera. has hecho un gran trabajo (Y). Por cierto, ¿qué hay del modo diseñador disponible?

#111615 de mayo de 2018por perfect-coders3 respuestas
Reacciones 0

El gradiente de propiedades no funciona

Hola @artf. He usado el plugin GrapesJS Style Gradient y hago lo mismo que se recomienda. Pero no está haciendo el degradado en los ajustes. Estoy dando así { nombre: 'Gradiente', Propiedad: 'imagen de fondo', Tipo: 'gradiente', Valores predeterminados: 'ninguno' } Además, cuando añadí el plugin "artf/grapesjs-style-g...

artf

Plugin gjs-style-gradient no encontrado ¿Estás seguro de que lo has importado correctamente?

perfect-coders

Así es como surge la propiedad del gradiente. ! captura de pantalla del 18-05-2018 19 22 10 Y así es como lo estoy haciendo / Configuración de página / { nombre: 'Configuración de página', abierto: cierto, buildProps: ['color-fondo', 'fond...

artf

Tu fiddle no funciona (no lo configuraste bien), por cierto esta es la demo, usa la última versión y funciona como se espera

#111515 de mayo de 2018por Lethrir2 respuestas
Reacciones 1

Core:canvas-clear elimina los estilos de compositor CSS

Estoy usando el comando core:canvas-clear asignado a un botón, pero cuando se pulsa, también se eliminan los estilos configurados a través del CSS Composer. Versión de uva: 0.14.15 Navegador: Chrome 66.0.3359.139 (Versión oficial) (64 bits) He configurado un script para recrear esto en https://jsfiddle.net/pzacf7zg/ P...

artf

Hola @Lethrir como puedes ver esta es la orden y el comportamiento es totalmente intencionado. Esto también te muestra lo ridículamente absurdo que es el comando, así que puedes crear el tuyo propio mediante API de comandos '''js editor. C...

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#111415 de mayo de 2018por Lethrir2 respuestas
Reacciones 0

La salida HTML personalizada no se ejecuta al recargar

Estoy usando las propiedades toHtml e isComponent para un componente personalizado que permita una salida HTML personalizada. Esto parece funcionar cuando el elemento se deja caer por primera vez en el lienzo, pero cuando la página se actualiza, el elemento está presente pero no devuelve el HTML personalizado. Versión...

artf

Deberías poner tus componentes personalizados en un plugin y funcionará

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#111314 de mayo de 2018por trinhbalinh3 respuestas
Reacciones 1

¿El nuevo tipo de rasgo no funciona con los componentes renderizados?

Hola, gracias por el excelente marco. Estoy intentando aplicar esto a mi proyecto. Quiero añadir un nuevo rasgo para el componente existente de LINK<a>. Sigo estos documentos y casi consigo lo que esperaba: https://github.com/artf/grapesjs/wiki/Traits#define-new-trait-type y: https://github.com/artf/grapesjs/wiki/Comp...

artf

Simplemente incluye tus cambios en un plugin https://jsfiddle.net/on1g5xqb/

trinhbalinh

¡Gracias, funcionó!

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#111214 de mayo de 2018por IceCrystal0k2 respuestas
Reacciones 0

Cómo añadir un nuevo evento a imágenes de assets

Hola, ¿hay alguna forma de añadir un nuevo evento a AssetImageView, algo como 'onRemove'. Sobrescribí la función addAsset de asset manager ->AssetsView para mostrar un nuevo icono y añadir un nuevo evento, pero el nuevo evento no se activa. He leído otros números y he visto que podría sobrescribir los recursos abierto...

artf

Usa API de Assets

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

#111114 de mayo de 2018por Deepak8132 respuestas
Reacciones 0

Cómo añadir la clase madre al arrastrar el elemento

Hola @artf, Espero que estés bien. Por favor, háganos saber cómo podemos añadir la clase madre de div cuando se arrastra un nuevo elemento dentro de ese div, por ejemplo, quiero añadir la clase "empty_cell" cuando el elemento h1 se arrastra dentro del elemento columna:

artf

Por favor, consulta aquí para ver todos los métodos disponibles en Componentes

lock[bot]

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

Explora todos los temas