Cómo puedo personalizar el outerHtml cuando inserto una imagen en Summernote .

por ejemplo: cuando inserto una imagen, quiero que html sea una etiqueta <a> en lugar de una etiqueta <img>

 <img src="https://source.unsplash.com/xAgvgQpYsf4/240x160" />

o inserte algunos datos en la etiqueta <img>

 <img data-src="abc" src="https://source.unsplash.com/xAgvgQpYsf4/240x160" />