Instâncias TinyMCE em jquery classificáveis
Estou perplexo e frustrado, então é hora de pedir ajuda. Fiz bastante pesquisa no Google, mas ainda não encontrei uma solução que funcione para mim.
O que eu tenho é um monte de divs que podem ser classificados usando o Jquery classificável; alguns divs contêm uma instância do TinyMCE. O que é bom até você tentar mover uma div que contém uma instância do TinyMCE - quando você faz o TinyMCE parece se atualizar e cria uma nova instância que, portanto, perde os dados, etc. trabalho :). Durante esse tempo, recebo erros de construtor de javascript etc. no Firebug.
O que eu decidi que é o melhor caminho a seguir é quando a div começar a ser arrastada, remover o tinymce da área de texto e quando ele for colocado na nova posição, inserir o tinymce novamente.
Posso removê-lo bem, mas com problemas para adicioná-lo novamente - à medida que recebo mais erros de construtor.
Nota: O TinyMCE é adicionado automaticamente a todas as minhas áreas de texto no sistema que estou usando, para evitar mexer com o TinyMCE.
No código abaixo, estou simplesmente segmentando um ID de área de texto específico para fins de teste.
$cols.sortable({
cursor: 'move',
revert: true,
opacity: 0.6,
placeholder: 'widgetplaceholder',
forcePlaceholderSize: true,
connectWith: cols,
zIndex:9000,
cancel: ".collapsable_box_editpanel_groups, .collapsable_box_content",
start: function(e, ui) {
// removes tinymce ok from textarea
tinyMCE.execCommand( 'mceRemoveControl', false, 'textarea1' );
},
stop: function(e,ui) {
// breaks here - constructor error
tinyMCE.execCommand( 'mceAddControl', true, 'textarea1' );
$(this).sortable( "refresh" );
}
});
Mais alguém tem outras soluções? Se você precisar de mais informações, deixe-me :)