richtext widget content dissapears while sorting a sequence

[tonthon]

When inserting a Richtext widget into a sortable sequence, the content of the widget is disappearing on sorting.
Tinymce doesn't support DOM manipulations very well. To make it works, the tinymce widgets should be disabled on sort start and enabled on stop.

[tonthon]

Here a fix proposal

[stevepiercy]

@tonthon would you please submit a PR with your fix, as well as sign https://github.com/Pylons/deform/blob/master/CONTRIBUTORS.txt and provide any tests in deform and deformdemo?

[stevepiercy]

See also #193

Proposed fix:

deform/templates/sequence.pt

                 if(typeof tinyMCE != "undefined"){
                   $item.find(".tinymce").each(function(i, obj) {
                     tinyMCE.execCommand('mceRemoveEditor', false, $(obj).attr('id'));
                   });
                 }

                 _super($item, container)
               },
               onDrop: function($item, container, _super) {
                 if(typeof tinyMCE != "undefined"){
                   $item.find(".tinymce").each(function(i, obj) {
                     tinyMCE.execCommand('mceAddEditor', true, $(obj).attr('id'));
                   });
                 }
                 $(this).sortable("refresh");

Additional context:

         <tal:block condition="orderable">
             $( "#${oid}-orderable" ).sortable({
               handle: ".deformOrderbutton, .panel-heading",
               containerSelector: "#${oid}-orderable",
               itemSelector: ".deformSeqItem",
               placeholder: '<span class="glyphicon glyphicon-arrow-right placeholder"></span>',
               onDragStart: function ($item, container, _super) {
                 var offset = $item.offset(),
                 pointer = container.rootGroup.pointer
                 adjustment = {
                   left: pointer.left - offset.left,
                   top: pointer.top - offset.top
                 }

                 if(typeof tinyMCE != "undefined"){
                   $item.find(".tinymce").each(function(i, obj) {
                     tinyMCE.execCommand('mceRemoveEditor', false, $(obj).attr('id'));
                   });
                 }

                 _super($item, container)
               },
               onDrop: function($item, container, _super) {
                 if(typeof tinyMCE != "undefined"){
                   $item.find(".tinymce").each(function(i, obj) {
                     tinyMCE.execCommand('mceAddEditor', true, $(obj).attr('id'));
                   });
                 }
                 $(this).sortable("refresh");
                 _super($item, container)
               },