How can I create an existing image as link

I've solved in this way:
on backend script:

	var originalImage = editor.DomComponents.getType('image');
	editor.DomComponents.addType('image', {
		model: originalImage.model.extend({
			defaults: Object.assign({},
	            originalImage.model.prototype.defaults, { 
	                traits:[{
		                	type: "text",
		                	label: "ID",
		                	name: "id"
	                	},
	                	{
		                	type: "text",
		                	label: "URL",
		                	name: "data-img-url"	
	                	},
	                	{
		                	type: 'select',
				            label: 'Target',
				            name: 'data-img-target',
				            value: "_top",
				            options: [
				              {value: '_top', name: 'Same Page'},
				              {value: '_blank', name: 'New Page'}, 
				            ]	
	                	}
	                ]
	            }), 
	        
			
		},
		{
			isComponent: function(el) {
				if("IMG"==el.tagName) return {
                    type: "image"
                }

			},
		}),
		view: originalImage.view
	});

When show page (I've stored on db)

	
	if( $('[data-img-url]').length > 0 ){  
		$.each($('[data-img-url]'), function(i,e){ 
			if( typeof $(e).data('img-url') != 'undefined' && $(e).data('img-url').length > 0){
				var href = $(e).data('img-url'), target = $(e).data('img-target') || '_top';
				var a = $('<a/>').attr('href', href).attr('target', target);
				$(e).wrap(a);
				$(e).removeAttr('data-img-url').removeAttr('data-img-target'); // KEEP CODE CLEAN
			} 
		})
	}

SEO Friendly backend (added Alt attr)

	var originalImage = editor.DomComponents.getType('image');
	editor.DomComponents.addType('image', {
		model: originalImage.model.extend({
			defaults: Object.assign({},
	            originalImage.model.prototype.defaults, { 
	                traits:[{
		                	type: "text",
		                	label: "ID",
		                	name: "id"
	                	},
	                	{
		                	type: "text",
		                	label: "URL",
		                	name: "data-img-url"	
	                	},
	                	{
		                	type: "text",
		                	label: "Alternative Text",
		                	name: "alt"	
	                	},
	                	{
		                	type: 'select',
				            label: 'Target',
				            name: 'data-img-target',
				            value: "_top",
				            options: [
				              {value: '_top', name: 'This window'},
				              {value: '_blank', name: 'New window'}, 
				            ]	
	                	}
	                ]
	            }), 
	        
			
		},
		{
			isComponent: function(el) {
				if("IMG"==el.tagName) return {
                    type: "image"
                }

			},
		}),
		view: originalImage.view
	});