Imagen de fondo en línea

Hola @awaredigital StyleManager se dirige tanto a Componentes como a CssRules, así que hazlo como abajo:

editor.on('component:styleUpdate:background-image', component => {
        const sm = editor. StyleManager
        const model = sm.getModelToStyle(component)
        el modelo puede ser un Componente o una CssRule
        const bg = model.getStyle()['imagen-fondo']
        const idx = bg.toString().indexOf('url(')
        const newBg = bg.substr(idx + 'url'.length, bg.length - 1)
        si (newBg != '(ninguno)') {
            component.addAttributes && component.addAttributes({'data-element': newBg})
        }
    })

¡Salud!

Eso es genial. ¿Cómo detengo los datos de

model.getStyle()['imagen-fondo']

¿ser aprobado por el CSS? Solo la imagen de fondo.

Gracias

@awaredigital he probado el código anterior y funcionaba bien. Pero para el error, puedes marcar ''BG'' antes de seguir procesando porque, después de actualizar el estilo de componentes, puede que la llamada vuelva a aparecer, que es tu caso aquí:

si (bg != nulo) {
    const idx = bg.toString().indexOf('url(')
    //...
}

¡Salud!