Problema al arrastrar un componente compuesto por imagen y enlace

Question

Versión GrapesJS [X] Confirmo que se debe usar la última versión de GrapesJS ¿Qué navegador usas? Versión de Brave Enlace de demo reproducible https://jsfiddle.net/rp7oc96v/1/ Describe el bicho ¡Hola Arthur! Estoy creando un nuevo componente, una imagen dentro de un enlace, como el componente 'mj-image', pero me quedo atascado en una configuración o es un error... ¿Cómo reproducir el bicho?Deja el bloque "Link na Imagem"Cuando intentas arrastrar el nuevo componente de la imagen, grapesjs selecc...

gustavohleal · Accepted Answer

¡Hola! He probado tu solución. Cambia la imagen correctamente con la imagen bloqueada dentro del componente principal y puedes moverla. El atributo 'src' cambia en el modelo, pero cuando mueves el componente vuelve a la imagen provisional. Si cambias la imagen y luego abres el modal de Código de Vista, verás que el atributo 'src' no cambió como en el modelo. Creo que esto ocurre porque Grapes no está configurando un 'id' para la imagen en el código exportado. Revisa las huellas: Sin establecer...

artf · Answer

@gustavohleal mi error, tienes que actualizar directamente la propiedad 'src' en lugar del atributo 'image.set({ src: asset.getSrc() });'

artf · Answer

Utiliza la propiedad 'data-gjs-locked="true'' para ignorar la imagen y actualizar correctamente tu componente personalizado '''js Eliminar runCommand("open-assets"); ya que no tiene sentido usarlo en el lado del modelo Puedes activar el componente mediante bloques (https://grapesjs.com/docs/api/block.html#properties) usando la propiedad 'activar' init(){ editor.runCommand("open-assets"); } Actualización de gestión de activos en la vista Vista: { eventos: { dblclick: 'onActive', }, onActive() {...

Problema al arrastrar un componente compuesto por imagen y enlace

Pregunta

Respuestas (4)

Preguntas y respuestas relacionadas

Style Manager no muestra múltiples reglas para la misma clase

Propagar componentes por defecto puede romper capas cuando se introducen los comentarios hijos

Component:styleUpdate / component:styleUpdate:propertyName no activado

Después de JSON.stringify, los componentes no tienen todos los campos

Plugins de pago que cumplen con este problema

Tutoriales relacionados

Messaging on gjs.market: talk to a studio before you buy, not after

GrapesJS DevTools: A Developer Panel Inside Your Editor

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Explorar categorías de plugins