¿Cómo puedo crear bloque con imagen de fondo con un comportamiento similar a una "imagen" incorporada?

Hola, estoy intentando crear un bloque con imagen de fondo (similar a Grapedrop Image Box). He añadido un componente nuevo así: '''javascript domc.addType('image-block', { extiende: 'imagen', modelo: { predeterminados: función() { return { nombre: 'Imagen de fondo', Tipo: 'Bloque de imagen', etiquetaNombre: 'div', nulo: falso, Droppable: Cierto, Redimensionable: Verdadero } } }, Vista: { etiquetaNombre: 'div', updateSrc: function() { const { model, em } = this; const srcResult = model.getSrcResult(); const style = model.getStyle(); const isDefaultSrc = model.isDefaultSrc(); const url = "url('".concat(srcResult, "')");

if (srcResult) { model.addStyle({ '__bg-tipo': 'img', 'imagen-fondo': isDefaultSrc && style['imagen-fondo'] || URL, 'tamaño de fondo': estilo['tamaño de fondo'] || 'tapadera', 'posición-fondo': estilo['posición-fondo'] || 'centro central', 'apego de fondo': estilo['apego de fondo'] || 'scroll', 'repetición de fondo': estilo['repetición de fondo'] || 'sin repetición' });

em.trigger('component:toggled'); } esto.$elsrcResulta? 'removeClass' : 'addClass' }, onRender: function() { this.updateSrc() } } })

Y también añadí bloqueo:
'''javascript
  bm.add('image-block', {
    etiqueta: 'Imagen de fondo',
    categoría: 'Básico',
    Contenido: {
      nombre: 'Imagen de fondo',
      Tipo: 'Bloque de imagen',
      activeOnRender: 1,
      estilo: {
        Altura: '200px'
      }
    }
  })

Pero, por desgracia, no puedo dejar caer ningún bloque dentro:

! GIF 02 04 2020 27-12-15

Grapedrop Image Box tiene el mismo problema. ¿Es posible dejar caer elementos dentro de tal composición?