CKEditor

HTML

<script src="http://ckeditor.com/apps/ckeditor/4.0/ckeditor.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<div id='e'>
    <div id='e1'>
        <textarea id="editor1"></textarea>
    </div>
    <div id='e2'>
        <textarea id="editor2"></textarea>
    </div>
</div>

CSS

#e1 {background: blue; padding:10px}
#e2 {background: red; padding:10px}

JavaScript

CKEDITOR.replace('editor1');

CKEDITOR.replace('editor2');

$("#e").sortable({
    helper:"clone",
    start:function(event, ui) {
        while ( event.originalEvent )
            event = event.originalEvent;
        var id = $(event.target)
            .closest("#e1, #e2")
            .find("textarea")[0]
            .id;
        
        var copia = CKEDITOR.instances[id].getData();
        ui.helper
            .find("iframe")
            .contents()
            .find("body")
            .html(copia);
        
        CKEDITOR.instances[id].destroy(false);
    },
    stop:function(event) {
        while ( event.originalEvent )
            event = event.originalEvent;
        var id = $(event.target)
            .closest("#e1, #e2")
            .find("textarea")[0]
            .id;
        
        CKEDITOR.replace(id);
    }
});