Drag & Drop in CkEditor from out

Hello everyone, 
I would like to know if there is a way to integrate content in CKEditor via drag & drop? 

In fact I wish I could drag a span in my cke and the contents of my span is reflected in the cke.

I do that but it's not very functional and I get errors in the console : 

$(".tag").draggable({ revert: true });

$("body").on({
		// on commence le drag
		dragstart: function(e) {
			$this = $(this);
			//$this.css('opacity', '0.5');
			// on garde le texte en mémoire (A, B, C ou D)
			e.dataTransfer.setData('text', $this.text());
		},
		// on passe sur un élément draggable
		dragenter: function(e) { e.preventDefault(); },
		// on quitte un élément draggable
		dragleave: function(e) { e.preventDefault(); },
		// déclenché tant qu on a pas lâché l élément
		dragover: function(e) { e.preventDefault(); },
		// on lâche l élément
		drop: function(e) { e.preventDefault(); },
		// fin du drag (même sans drop)
		dragend: function() {
			//$(this).css('opacity', '1');
		}
	}, ".tag");

If someone could point me to a solution of drag & drop HTML element to CKEditor, that would be great! 

Note that I use JQuery.

Thank you!