tinymce toolbar

Question

Comment puis-je faire glisser la barre d'outils Tinymce avec jQuery?

Answer 1

Essayez ceci dans votre méthode init tinyMCE

tinyMCE.init({ 
// ... 
handle_event_callback : function(e) { 
     if(e.type == 'click') { 
      $('.mceExternalToolbar').draggable(); 
     } 
     return true; 
} 
}); 

Inclure les fichiers jQuery UI suivants:

<script type="text/javascript" src="tiny_mce.js"></script> 
<script type="text/javascript" src="jquery-1.5.1.js"></script> 
<script type="text/javascript" src="jquery.ui.core.js"></script> 
<script type="text/javascript" src="jquery.ui.widget.js"></script> 
<script type="text/javascript" src="jquery.ui.mouse.js"></script> 
<script type="text/javascript" src="jquery.ui.draggable.js"></script> 

Notez que j'ai essayé ce uniquement avec une instance tinyMCE. Je ne sais pas s'il y a des effets secondaires de cette solution de contournement, mais cela fonctionne pour l'instant.